See :hover state in Chrome Developer Tools

I want to see the :hover style for an anchor I’m hovering on in Chrome. In Firebug, there’s a style dropdown that allows me to select different states for an element.

I can’t seem to find anything similar in Chrome. Am I missing something?

13 s
13

Now you can see both the pseudo-class rules and force them on elements.

To see the rules like :hover in the Styles pane click the small :hov text in the top right.

Toggle element state

To force an element into :hover state, right click it and select :hover.

Force element state

Additional tips on the elements panel in Chrome Developer Tools Shortcuts.

Leave a Comment