Предотвращение добавления фона в текст в режиме высокой контрастности в Edge

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

Например, допустим, у меня есть следующее:

<div class="SelectedText">
  Text!
</div>

И допустим, я присвоил background-color: cyan; и color: black; элементу .SelectedText.

В этом сценарии IE11 отображает его, как и ожидалось, с div и текстом, имеющими назначенные цвета. Тем не менее, в Edge фону div и тексту присваиваются правильные цвета, но сам текст получает черный фон, нарисованный за ним, что делает его нечитаемым черным на черном тексте.

На следующем изображении показана эта проблема, возникающая в контексте пунктов меню, в основном с той же разметкой, что описана выше.

введите здесь описание изображения

Есть ли способ отключить или настроить этот дополнительный фон, который добавляет Edge?


person Kris    schedule 21.08.2017    source источник


Ответы (1)


В конце концов нашел ответ на этот вопрос. Установка -ms-high-contrast-adjust: none; для родителя может отключить фон, который Edge помещает за текстом.

person Kris    schedule 23.08.2017
comment
Вы знаете, как это сделать для Firefox? - person Super Jade; 21.08.2019