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

Question

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

例如，假设我有以下内容：

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

假设我将background-color: cyan;和分配color: black;给了.SelectedTextdiv。

在这种情况下，IE11 按预期使用具有指定颜色的 div 和文本呈现它。然而，在 Edge 中，div 背景和文本被赋予正确的颜色，但文本本身在其背后绘制了黑色背景，使其在黑色文本上无法读取。

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

有什么方法可以禁用或针对 Edge 添加的这个额外背景？

Answer 1

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