Home/ Questions/Q 9314311
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-19T02:06:12+00:00

I’m trying to change the selection color of my website using the CSS ::selection

  • 0

I’m trying to change the selection color of my website using the CSS ::selection pseudoelement.

As seen in this jsFiddle, the text is supposed to have a totally black background color when being selected. On Firefox, this is the case.

However, on Chrome, the color is not absolutely black. Chrome seems to be fiddling with my colors.

You can see this if you leave the text black while selecting: on Firefox, it becomes invisible, while on Chrome you can still see it.

I’ve noticed this effect on other background colors that I was using: They were always a bit off on Chrome. It seems to me like a bit of red was added.

How can I get the true colors that I want on Chrome?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Possibly to prevent exactly what you are trying to do, it seems like Chrome will change the opacity of the background color of the selection if it’s 1. You can cheat this by setting the opacity very close to 1 like (background-color: rgba(0,0,0,.99).

    http://jsfiddle.net/ExplosionPIlls/a3gfR/5/

    • 0