1

我正在調整某些組件,以使它們在高對比度模式下都能正常工作並且看起來不錯。 Edge似乎在IE11不添加的所有文本下添加黑色背景。我似乎無法找到一種方法來在CSS中定位此背景,或者以任何其他方式來規範兩個瀏覽器之間的行爲。防止邊緣中的高對比度模式將背景添加到文字

例如,假設我有以下幾點:

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

而且我們說,我分配background-color: cyan;color: black;.SelectedText股利。

在這種情況下,IE11按預期呈現它,div和文本具有指定的顏色。然而,在Edge中,div背景和文本被賦予了正確的顏色,但是文本本身在它後面繪製了黑色背景,使得它在黑色文本上顯得不可讀黑色。

下圖顯示了上述基本上與上述標記相同的菜單項上下文中出現的此問題。

enter image description here

有沒有什麼方法來禁用或瞄準這一額外的背景下,邊緣增加了?

回答

1

最終找到了答案。在父級上設置-ms-high-contrast-adjust: none;可以禁用Edge放置在文本後面的背景。