• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 位置: css 中文手册 -> css 选择器

    UI元素状态伪类选择器

    UI元素状态伪类选择器指的是“UI元素状态”这方面的伪类选择器。UI,是用户界面(User Interface)的意思。所谓的UI设计是指对软件的人机交互、操作逻辑、界面美观的综合设计。

    UI元素状态包括:可用、不可用、选中、未选中、获取焦点、失去焦点等。

    这些选择器的共同特征是:指定的样式只有当元素处于某种状态下时才起作用,在默认状态下不起作用。UI元素状态伪类选择器大多数都是针对表单元素来使用的。

    选择器 含义
    E:hover选择器用来指定当鼠标指针移动到元素上面时,元素所使用的样式。
    E:active选择器用来指定元素被激活(鼠标在元素上按下还没有松开时)时使用的的样式。
    E:focus选择器用来指定当元素获得焦点时使用的样式。主要是文本框控件获得焦点病进行文字输入时使用。
    E:enabled选择器用来指定当前元素处于可用状态时的样式
    E:disabled选择器用来指定当前元素处于不可用状态时的样式
    E:read-only选择器用来指定当元素处于只读状态时的样式,在ff下需要写成-moz-read-only的形式
    E:read-write选择器用来指定当元素处于非只读状态时的样式。在ff下需要写成-moz-read-write的形式
    E:checked选择器用来指定当表单中的radio单选按钮或checkbox复选框处于选取状态的时的样式。在ff下需要写成-moz-checked的形式
    E:default选择器用来指定当页面打开时默认处于选取状态的单选按钮或者复选框的样式。需要注意的是,即使用户将默认设定为选取状态的单选按钮或者复选框修改为非选取状态,使用E:default选择器设定的样式依然有效。
    E:indeterminate选择器用来指定当页面打开时,如果一组单选按钮中任何一个单选按钮都没有设定为选取状态时的整组的单选按钮的样式。如果用户选中这组中的任何一个单选按钮,那么整组的单选按钮的样式被取消。
    E::selection选择器用来指定当元素处于选中状态时的样式。这里需要注意的是:在ff下使用时,需要写成-moz-selection的形式。