Я работаю над настройкой некоторых компонентов, чтобы все они функционировали и хорошо выглядели в режиме высокой контрастности. Edge, кажется, добавляет черный фон под весь текст, который не добавляет IE11. Кажется, я не могу найти способ нацелить этот фон в CSS или любой другой способ нормализовать поведение между двумя браузерами.
Например, допустим, у меня есть следующее:
<div class="SelectedText">
Text!
</div>
И допустим, я присвоил background-color: cyan;
и color: black;
элементу .SelectedText
.
В этом сценарии IE11 отображает его, как и ожидалось, с div и текстом, имеющими назначенные цвета. Тем не менее, в Edge фону div и тексту присваиваются правильные цвета, но сам текст получает черный фон, нарисованный за ним, что делает его нечитаемым черным на черном тексте.
На следующем изображении показана эта проблема, возникающая в контексте пунктов меню, в основном с той же разметкой, что описана выше.
Есть ли способ отключить или настроить этот дополнительный фон, который добавляет Edge?