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

3:25 PM 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

2:44 PM on Aug 20, 2010
Thank you!!!

Amine CHAFAI

12:31 PM on Sep 2, 2010
Thank's

The Shark Lady

11: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

1:24 PM on Dec 16, 2010
good ! thanks for the info

tim

12:20 PM on Jan 11, 2011
Thanks for the info v useful

Leave a Comment

Ignore this field:
Never displayed
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: