Sunday 14 October 2012

Inspecting :hover styles in Chrome

Hover styles can be hard to develop if you don't know how to view them in the inspect window. Here is a handy little trick that allows you to view the styles.

  1. Inspect the element as normal
  2. Hover your mouse over the element again
  3. Press the up arrow followed by the down arrow

This will refresh the inspector getting the styles of the element in the current state, when your mouse was hovering over the element.