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

Question

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

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

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

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

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

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

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

Answer 1

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