任意元素的focus伪类

在w3school中国上可以查看到这么一句话： 定义和用法 :focus 伪类在元素获得焦点时向元素添加特殊的样式。 注释：IE 浏览器不支持此属性。 说明 这个伪类应用于有焦点的元素。例如 HTML 中一个有文本输入焦点的输入框，其中出现了文本输入光标；也就是说，在用户开始键入时，文本会输入到这个输入框。其他元素（如超链接）也可以有焦点，不过 CSS 没有定义哪些元素可以有焦点。 不是所有的元素都具有:focus伪类，使得:focus伪类没有:hover :active等常用，但我们知道对于设定了id的元素是使用锚是可以使任意元素获得焦点的.这就给我们以启示，其实任意元素都具有:focus伪类的，只是没有触发。通过仔细观察发现，能触发的元素，如textarea、input的共同特点是有这样的css设置：user-modify:read-write，即为可编辑状态，在chrome的开发人员工具下可以发现-webkit-user-modify: read-write;当然对不同浏览器有不同的前缀。因而我们可以通过user-modify来中介是任意元素获得焦点。如下面例子： 可使用focus伪类的div

转载于:https://www.cnblogs.com/defims/archive/2011/10/16/2946705.html

总结

以上是生活随笔为你收集整理的任意元素的focus伪类的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。