Изменение цвета текста при выделении текста (желательно через CSS)

Question

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

Я хочу, чтобы выбранный цвет на моем веб-сайте был чисто черным, но мой текст также является чисто черным, поэтому при выделении текста он скрывается черным выделением.Как изменить цвет текста на белый, если он выбран, чтобы невыделенный текст отображался в виде черного текста на белом фоне веб-сайта, а выделенный текст - в виде белого текста на черном выделении?Спасибо

Answer 1

Вы можете установить цвет на белый с помощью свойства CSS color и удалить opacity, потому что если он прозрачный, вы его не видите.

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

Пример

Answer 2

::selection{background: black; color:white;} <br /> ::-moz-selection{background:black; color:white;}

Просто установите текст color на белый и установите для opacity желаемый уровень, который> 0, или в этом случае> 80 будет лучше.