Home > Web Front-end > CSS Tutorial > What are the UI element status pseudo-class selectors in css?

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

王林
Release: 2020-11-17 11:40:47
Original
3125 people have browsed it

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.

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

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!

Related labels:
css
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template