s_g9qg
Last Updated: February 25, 2016
·
1.831K
· kamranayub
8303c4eb9f9099df39adbc3d8c634746

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

Say Thanks
Respond

1 Response
Add your response

8937
Shupal

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

over 1 year ago ·