Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Pomoc pśepytaś

Glědajśo se wobšudy pomocy. Njenapominajomy was nigda, telefonowy numer zawołaś, SMS pósłaś abo wósobinske informacije pśeraźiś. Pšosym dajśo suspektnu aktiwitu z pomocu nastajenja „Znjewužywanje k wěsći daś“ k wěsći.

Learn More

How do I fix washed out colours for outset border in Firefox (vs Chrome)?

  • 3 wótegrona
  • 1 ma toś ten problem
  • 11 naglědow
  • Slědne wótegrono wót Gerrat

more options

I've created a web page with a very basic table and border-style: outset. The attached image shows three colours ("red", "#2CC11F", and "#22A8D6") of this table, and how they appear on Chrome (left) vs Firefox (right).

The image is a screen capture, taken with both Firefox and Chrome on the same monitor.

I've tried every combination of items listed in the link here: (http://cameratico.com/guides/firefox-color-management/) and restarted Firefox each time, but I simply cannot get it to not display this outset border without looking terrible and washed out.

A solid border looks fine, so this has to do with outset borders specifically (and possibly on tables specifically).

I've created a web page with a very basic table and border-style: outset. The attached image shows three colours ("red", "#2CC11F", and "#22A8D6") of this table, and how they appear on Chrome (left) vs Firefox (right). The image is a screen capture, taken with both Firefox and Chrome on the same monitor. I've tried every combination of items listed in the link here: (http://cameratico.com/guides/firefox-color-management/) and restarted Firefox each time, but I simply cannot get it to not display this outset border without looking terrible and washed out. A solid border looks fine, so this has to do with outset borders specifically (and possibly on tables specifically).
Pśipowjesone fota wobrazowki

Wubrane rozwězanje

So the problem is that Firefox is choosing shades that are too light compared with Chrome?

I think you'll need to take direct control of the colors of individual sides by using solid borders. For example:

http://jsfiddle.net/kr3gdzhd/

Toś to wótegrono w konteksće cytaś 👍 1

Wšykne wótegrona (3)

more options

Ok, I guess I found a bug related to this here: Ugly inset and outset borders

This bug first appeared 15 years ago. Astonishing it has not been fixed in 15 years!

more options

Wubrane rozwězanje

So the problem is that Firefox is choosing shades that are too light compared with Chrome?

I think you'll need to take direct control of the colors of individual sides by using solid borders. For example:

http://jsfiddle.net/kr3gdzhd/

more options

Thanks!!!

The workaround was trivial (just never crossed my mind), but Firefox really should choose better shades as a default. These borders do look terrible vs the other major browsers.