Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to revert to old style firefox inspect tool?

  • 2 replies
  • 0 have this problem
  • 42 views
  • Last reply by cor-el

more options

Hi,

I am a developer. Firefox recently changed the way the Inspect tool highlights the element in question. Instead of a solid box will translucent fill for the content, padding and margin boxes, it only shows the outline of those boxes and it's very problematic to work with.

In the attachment I am highlighting the words "Shipping and Return Policy" and the light blue, purple and yellow outline represent the content, padding and margin boxes respectively.

How can I revert back to the old style where it shows the translucent boxes filled with respective colors instead of just the outlines.

Hi, I am a developer. Firefox recently changed the way the Inspect tool highlights the element in question. Instead of a solid box will translucent fill for the content, padding and margin boxes, it only shows the outline of those boxes and it's very problematic to work with. In the attachment I am highlighting the words "Shipping and Return Policy" and the light blue, purple and yellow outline represent the content, padding and margin boxes respectively. How can I revert back to the old style where it shows the translucent boxes filled with respective colors instead of just the outlines.
Attached screenshots

All Replies (2)

more options

You could try using userContent.css. The inspector is a chrome document.

https://support.mozilla.org/en-US/questions/1398699#answer-1552132

more options

Maybe try the default System theme if you currently have another theme selected.

  • "3-bar" menu button or Tools -> Add-ons -> Themes