防止Edge中的高对比度模式为文本添加背景

时间:2017-08-21 21:28:00

标签: css internet-explorer-11 microsoft-edge high-contrast web-accessibility

我正在努力调整一些组件,使它们在高对比度模式下都能正常运行。 Edge似乎在IE11没有添加的所有文本下添加黑色背景。我似乎无法找到一种方法来在CSS中定位此背景,或以任何其他方式来规范化两个浏览器之间的行为。

例如,假设我有以下内容:

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

我们说我已将background-color: cyan;color: black;分配给.SelectedText div。

在这种情况下,IE11按预期渲染,div和文本具有指定的颜色。但是,在Edge中,div背景和文本被赋予了正确的颜色,但是文本本身会在其后面绘制黑色背景,使其在黑色文本上变得难以理解。

下图说明了在上述基本相同标记的菜单项上下文中出现此问题。

enter image description here

有没有办法禁用或定位Edge添加的额外背景?

1 个答案:

答案 0 :(得分:4)

最终找到答案。在父级上设置-ms-high-contrast-adjust: none;可以禁用Edge放在文本后面的背景。