Skip to content Skip to navigation

Hover Inspection in Firebug

April 16, 2010

One of the recent updates to Firebug broke a “feature” I used all the time: the ability to select a link with the element inspector, then edit that link’s :hover pseudo-class style rules. Well, it turns out that technically, that “feature” was a bug (though I might argue against that fact). In newer versions of Firebug, you have to:

  1. Click the element inspector
  2. Click the link you’re interested in editing
  3. Select the :hover pseudo-class menu item in the Style tab’s drop-down menu
  4. Edit the rule as you like

This new option allows you to “lock” the element in the :hover state, the usefulness of which I can understand. At the same time, it would be great to have an option (perhaps a hidden preference) to bring back the old behavior.

6 Reader Comments

  1. just what i was looking for! appreciate the explanation, since the update i’ve been stumped as to how to go about inspecting hover elements.

    also agreed that it’s worthy of a place as an optional preference :)

  2. Thank you!!!

  3. Thank’s

  4. Thanks, that’s exactly the info I was looking for. I didn’t think it can be done with Firebug.

  5. good ! thanks for the info

  6. Thanks for the info v useful