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...