Search code examples
cssgoogle-chromebrowserhovergoogle-chrome-devtools

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?


Solution

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