Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

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

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .