Hover Inspection in Firebug

Apr 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 Comments
bob dobbs
11:25 AM on Aug 1, 2010
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 :)
Allison
10:44 AM on Aug 20, 2010
Thank you!!!
Amine CHAFAI
8:31 AM on Sep 2, 2010
Thank's
The Shark Lady
7:25 PM on Oct 1, 2010
Thanks, that's exactly the info I was looking for. I didn't think it can be done with Firebug.
omar
8:24 AM on Dec 16, 2010
good ! thanks for the info
tim
7:20 AM on Jan 11, 2011
Thanks for the info v useful
Add a Comment
Ignore this field:
Leave this blank:
Optional; will not be indexed
Ignore this field:
Both Markdown and a limited set of HTML tags are supported
Leave this empty: