我正在努力调整一些组件,以便它们在高对比度模式下都能正常工作并且看起来不错。 Edge 似乎在 IE11 未添加的所有文本下添加了黑色背景。我似乎找不到一种方法来在 CSS 中定位这个背景,或者任何其他方法来规范两个浏览器之间的行为。
例如,假设我有以下内容:
<div class="SelectedText">
Text!
</div>
假设我分配了background-color: cyan;
and color: black;
to the .SelectedText
div.
在这种情况下,IE11 按预期渲染它,并使用具有指定颜色的 div 和文本。然而,在 Edge 中,div 背景和文本被赋予了正确的颜色,但文本本身在其后面绘制了黑色背景,使得黑色文本上的黑色难以阅读。
下图说明了在具有与上述基本相同的标记的菜单项上下文中发生的此问题。
有什么方法可以禁用或定位 Edge 添加的额外背景吗?
最终找到了这个问题的答案。环境-ms-high-contrast-adjust: none;
父级上的 可以禁用 Edge 在文本后面放置的背景。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)