Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

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.

ఇంకా తెలుసుకోండి

How to apply a user style with the Stylish extension for Web Developer Tools?

  • 2 ప్రత్యుత్తరాలు
  • 2 ఈ సమస్యలు కలిగి ఉన్నాయి
  • 110 వీక్షణలు
  • చివరి సమాధానమిచ్చినది kosmos890

I have firefox 27 and the fonts of Web Developer Tools (Inspector, Debugger..) are very small. The fonts of Stylish editor are very small also.

Here https://support.mozilla.org/en-US/questions/943857 I found a similar question. GingerBread Man said  :

"If you need to modify anything else, you can use the DOM Inspector extension to examine user interface elements ("chrome"). "

My problem is that I can't find the names of elements e.g "chrome://browser/content/devtools/markup-view.xhtml"

I have firefox 27 and the fonts of Web Developer Tools (Inspector, Debugger..) are very small. The fonts of Stylish editor are very small also. Here https://support.mozilla.org/en-US/questions/943857 I found a similar question. GingerBread Man said : "If you need to modify anything else, you can use the DOM Inspector extension to examine user interface elements ("chrome"). " My problem is that I can't find the names of elements e.g "chrome://browser/content/devtools/markup-view.xhtml"

ప్రత్యుత్తరాలన్నీ (2)

See if this works.
chrome://browser/skin/devtools/markup-view.css

@the-edmeister

Thanks for your reply.

The rule below affects only Inspector

@namespace url(http://www.w3.org/1999/xhtml);
   @-moz-document url("chrome://browser/content/devtools/markup-view.xhtml") {
       .devtools-monospace {
         font-size: 120% !important;
       }
   } 

I change the rule as you suggest.

@-moz-document url("chrome://browser/skin/devtools/markup-view.css") { ......}

It doesn't work.