How to change the Hover, Pressed, and Focused pseudo class selector's styles?

To change an element's pseudo class selector's styles, use the States dropdown menu, select a state, and change the styles.

Hover (:hover)

To change how an element behaves when you mouse over it, click on the States dropdown menu, select Hover, and change the element's styles.

Pressed (:active)

To change how an element behaves when it is clicked, click on the States dropdown menu, select Pressed, and change the element’s styles.

Focused (:focus)

To change the way links, buttons, or form fields behave when interacting with them, click on the States dropdown menu, select Focused, and change the element’s styles.