This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

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.

Learn More

Denc nañu waxtaan wii. Yónneel yeneen laaj soo soxlaa ndimbal.

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

  • 3 tontu
  • 1 am na jafe-jafe bii
  • 1 view
  • i mujjee tontu mooy Gerrat

Gerrat
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).
Nataali seetu yiñ ci takkaale

Saafara biñ tànn

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/

Jàng tontu lii ci fi mu bokk 👍 1

All Replies (3)

Gerrat
Gerrat Ki laajte
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!

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Saafara yiñ Tànn

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/

Gerrat
Gerrat Ki laajte
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.