Hover Inspection in Firebug

Published on 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 Comments

bob dobbs

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

Thank you!!!

Amine CHAFAI

Thank’s

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

omar

good ! thanks for the info

tim

Thanks for the info v useful

Comments are closed.

Copyright © 2004-2019 Jonah Bishop. Hosted by DreamHost.