首页  >  文章  >  web前端  >  css中有哪些UI元素状态伪类选择器

css中有哪些UI元素状态伪类选择器

王林
王林原创
2020-11-17 11:40:473082浏览

css中的UI元素状态伪类选择器有:1、E:hover;2、E:action;3、E:focus;4、E:enable;5、E:disabled;6、E:read-only;7、E:read-write;8、E:checked。

css中有哪些UI元素状态伪类选择器

UI元素状态伪类选择器的特征:

指定的样式只有在某种状态下才起作用。

(学习视频分享:css视频教程

分别为:

  • 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教程

以上是css中有哪些UI元素状态伪类选择器的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn