CSS UI 状态伪类选择器共 11 种, 分别为:
E:hover 用于指定当鼠标指针移动到元素上面时元素所使用的样式;
E:action 用于指定元素被激活 (鼠标在元素上按下还没有松开) 时所使用的样式;
E:focus 用于指定元素获得光标焦点时所使用的样式, 主要是在文本框空间获得焦点并进行文字输入时使用的样式;
E:enable 设置该元素处于可用状态的样式;
E:disabled 设置该元素处于不可用状态时的样式;
E:read-only 设置元素处于只读状态时的样式;
E:read-write 设置元素处于非只读状态时的样式;
E:checked 指定表单中的 radio 单选按钮或者 checkbox 复选框处于选取状态时的样式;
E:default 指定页面打开时默认处于选取状态的单选按钮或者复选框样式;(即使用户将默认状态设置为选取状态的单选按钮或者复选框改为禁用状态, 使用该选择器设置的样式同样有效)
E:indeterminate 指定当页面打开时, 如果一组单选按钮中任何一个选项都没有被设定为选取状态时, 整组单选按钮的样式; 如果用户选取了其中任何一个单选按钮, 则该样式将被停止使用.
E::selection 设置元素被选中状态的样式.
[推荐学习: CSS 手册 https://www.html.cn/book/css/ ]
各 UI 元素状态伪类选择器受浏览器的支持情况:
选择器 | Firefox | Safari | Opera | IE8 | Chrome |
---|---|---|---|---|---|
E:hover | √ | √ | √ | √ | √ |
E:active | √ | √ | √ | x | √ |
E:focus | √ | √ | √ | √ | √ |
E:enable | √ | √ | √ | x | √ |
E:disable | √ | √ | √ | x | √ |
E:read-only | √ | x | √ | x | x |
E:read-write | √ | x | √ | x | x |
E:checked | √ | √ | √ | x | √ |
E:default | √ | x | x | x | x |
E:indeterminate | √ | √ | x | √ | √ |
E:selection | √ | √ | √ | x | √ |
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/16434.html