CSS Selector Level 2 » User action pseudo-class

The user action pseudo-classes :hover and :focus allows to visualize if the user hovers oder focuses an element.


# Hover

The user action pseudo-classes :hover and :focus allows to visualize if the user hovers oder focuses an element.

# Syntax

Copy
E:hover {
    /* declarations */
}

# Example

Copy
a:hover {
    outline: 1px dashed gray;
}

0

Try example in CodePen

# Browser support

Platform Chrome Firefox Safari Edge Internet Explorer Opera
Desktop Yes (1) Yes (1) Yes (2) Yes (12) Yes (4) Yes (4)
Mobile Yes (1) Yes (1) Yes (2) Yes (12) No Yes (4)

# Focus

The user action pseudo-classes :hover and :focus allows to visualize if the user hovers oder focuses an element.

# Syntax

Copy
E:focus {
    /* declarations */
}

# Example

Copy
a:focus {
    color: red;
}

0

Try example in CodePen

# Browser support

Platform Chrome Firefox Safari Edge Internet Explorer Opera
Desktop Yes (1) Yes (1) Yes (2) Yes (12) Yes (4) Yes (4)
Mobile Yes (1) Yes (4) Yes (2) Yes (12) No Yes (2)

Please wait a moment, the comments start loading now...
explorermozillachromesafariopera info external