How do I disable text shadows in Firefox?

I normally turn of colors and read the web with a gray background. Some sites use text shadows, for example Askubuntu, which results in white borders around letters that make the text hard to read.

Technically this is implemented by a CSS property called text-shadow.

Is there a way to disable text shadows? I've looked into about:config but didn't find anything.

Or is it a Firefox bug? After all, I told it not to display colors.

I guess the same applies to the text-outline property.

starblue

Posted 2011-07-13T17:53:36.280

Reputation: 573

Answers

Make a user style sheet with

* { text-shadow: none !important; }

Joey

Posted 2011-07-13T17:53:36.280

Reputation: 36 381

Works fine, thanks. The hardest part was finding the right userContent.css file to put it into. I actually already had one from 2004 that I had completely forgotten. – starblue – 2011-07-13T19:46:07.260

In Firefox 4, you can do this by adding:

.tabbrowser-tab { text-shadow: none !important; }

to the userChrome.css file

roykasa

Posted 2011-07-13T17:53:36.280

Reputation: 299

How does that differ from Joey's answer above? – slhck – 2011-07-13T18:48:33.477

sorry had not seen it.. realised it later after i had posted. was in a hurry. – roykasa – 2011-07-13T18:55:25.803

1The difference is that this applies to the tabs in the Firefox UI, while I need it for the web page. Hence the * in the correct answer, and it goes in file userContent.css instead of userChrome.css. – starblue – 2011-07-13T19:43:23.580