我正在努力调整一些组件,使它们在高对比度模式下都能正常运行。 Edge似乎在IE11没有添加的所有文本下添加黑色背景。我似乎无法找到一种方法来在CSS中定位此背景,或以任何其他方式来规范化两个浏览器之间的行为。
例如,假设我有以下内容:
<div class="SelectedText">
Text!
</div>
我们说我已将background-color: cyan;
和color: black;
分配给.SelectedText
div。
在这种情况下,IE11按预期渲染,div和文本具有指定的颜色。但是,在Edge中,div背景和文本被赋予了正确的颜色,但是文本本身会在其后面绘制黑色背景,使其在黑色文本上变得难以理解。
下图说明了在上述基本相同标记的菜单项上下文中出现此问题。
有没有办法禁用或定位Edge添加的额外背景?
答案 0 :(得分:4)
最终找到答案。在父级上设置-ms-high-contrast-adjust: none;
可以禁用Edge放在文本后面的背景。