Last Updated: February 25, 2016
· kamranayub

Use Chrome dev tools to force element state (:hover debugging)

I just found this and thought I'd share because this alleviates many headaches with pseudo-element style debugging:

  1. Open Chrome dev tools
  2. Right-click your element
  3. Choose "Force element state" and then the state you want (e.g. :hover)
  4. Dance

Screenshot of Force Element State

1 Response
Add your response

same on firefox but on firebug the :states are under the styles menu ;-)

over 1 year ago ·