Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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.

share|improve this question
up vote 4 down vote accepted

Make a user style sheet with

* { text-shadow: none !important; }
share|improve this answer
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 Jul 13 '11 at 19:46

In Firefox 4, you can do this by adding:

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

to the userChrome.css file

share|improve this answer
How does that differ from Joey's answer above? – slhck Jul 13 '11 at 18:48
sorry had not seen it.. realised it later after i had posted. was in a hurry. – roykasa Jul 13 '11 at 18:55
The 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 Jul 13 '11 at 19:43
thanks starblue. – roykasa Jul 14 '11 at 5:51

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.