Home/ Questions/Q 6882475
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T05:15:28+00:00

::selection { background: #000000; opacity: 0 } ::-moz-selection { background: #000000; opacity: 0 }

  • 0
::selection { background: #000000; opacity: 0 }
::-moz-selection { background: #000000; opacity: 0 }

I want the select color on my website to be pure black, but my text is also pure black so when the text is selected it is hidden by the black selection. How can I change the text color to white when it is selected so that non-selected text appears as black text on the white background of the website while selected text appears as white text on a black selection? Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can set color to white with CSS color property and remove opacity, because if it’s transparent then you can’t see it.

    ::selection { background: #000000; color: #ffffff; }
::-moz-selection { background: #000000; color: #ffffff; }

    Example

    • 0