What are the UI element status pseudo-class selectors in css?

The UI element status pseudo-class selectors in css are: 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.

Characteristics of the UI element state pseudo-class selector:

The specified style only takes effect in a certain state.

(Learning video sharing: css video tutorial)

are:

• E: hover is used to specify the style used by the element when the mouse pointer moves over it;

• E:action is used to specify that the element is activated (the mouse is pressed on the element but has not been released yet) );

• E:focus is used to specify the style used when the element obtains the cursor focus. It is mainly used when the text box space obtains focus and text input is performed. Style;

• E:enable Sets the style when the element is in an available state;

• E:disabled Sets the style when the element is in a disabled state Style;

• E:read-only sets the style when the element is in a read-only state;

• E:read-write sets the style when the element is in a non-read-only state The style when in the read-only state;

• E:checked specifies the style when the radio button or checkbox checkbox in the form is in the selected state;

• E:default specifies the radio button or check box style that is in the selected state by default when the page is opened; (even if the user sets the default state to the selected state of the radio button or check box to the disabled state, use this The style set by the selector is also valid)

• E: indeterminate specifies that when the page is opened, if any option in a group of radio buttons is not set to the selected state, the entire Style for the group radio buttons; this style will be disabled if the user selects any of the radio buttons.

• E::selection Sets the style of the selected state of the element.

Related recommendations: CSS tutorial

The above is the detailed content of What are the UI element status pseudo-class selectors in css?. For more information, please follow other related articles on the PHP Chinese website!