使用 Modernizr 设置 input:focus、input:active 的样式
如何使用 Modernizr 在 IE7/8（不支持这些属性）中测试 input:focus 和 input:active 并设置其样式？
或者我应该只使用基本的 JS/CSS 来做到这一点？这样做的好方法是什么？
How can I test for and style input:focus and input:active in IE7/8 (which don't support these properties) using Modernizr?
Or should I just use basic JS/CSS to do so? What would be a good way to do this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这是 Modernizr 之外的一个解决方案，但它的工作方式非常相似（通过向 DOM 添加一个元素，将其样式设置为
:hover状态，然后测试该状态是否已发生）。感谢 James Padolsey 的这篇文章。
您可能需要检查除
mousedown和mouseup之外的活动状态事件，但这似乎适用于现代浏览器（维护本机:focus和:active状态）以及 IE7（带有假的.focus和.active类）。小提琴
Here's a solution outside of Modernizr, but it works very much the same way (by adding an element to the DOM, styling it's
:hoverstate, and then testing if the state has happened).Kudos to James Padolsey for this article.
You may have to check for other events than
mousedownandmouseupfor the active state, but this seems to work for modern browsers (maintaining native:focusand:activestates) as well as IE7 (with the fake.focusand.activeclasses).Fiddle