Edgeの高コントラストモードでテキストを背景に追加しないようにする

Question

高コントラストモードで機能するようにいくつかのコンポーネントを調整しています。 Edgeは、IE11に追加されていないすべてのテキストの下に黒い背景を追加しているようです。 CSSでこの背景をターゲットにする方法や、2つのブラウザ間の動作を正規化する方法を見つけることができないようです。

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

をとの私は.SelectedTextのdivにbackground-color: cyan;とcolor: black;を割り当てるとしましょう：

たとえば、のは、以下の私が持っているとしましょう。

このシナリオでは、IE11は期待通りにレンダリングし、divとtextには割り当てられた色が割り当てられています。しかし、Edgeでは、divの背景とテキストに適切な色が与えられますが、テキスト自体には黒い背景が描画され、黒いテキストでは黒が読み取れなくなります。

次の図は、上記のマークアップと基本的に同じメニュー項目のコンテキストで発生するこの問題を示しています。

エッジが追加するこの余分な背景を無効にするか、ターゲットにする方法はありますか？

Answer 1

最終的に答えが見つかりました。親に-ms-high-contrast-adjust: none;を設定すると、Edgeがテキストの背後に置く背景を無効にすることができます。