現在携わっている案件で、何故か Microsoft Edge の表示だけおかしい要素があり、本質的な解決ではないけれどせめて非表示にすることにしました。

はじめはベンダープレフィックスで解決させる問題なのかとも調べたんですが、そうではないみたい。

@supports (-ms-ime-align:auto) {
.css_selector {
background-color: red;
}
}

出典:Edgeのみに適用させるcssハックが効かないときに試す最新の記述方法【2017年】 | SublimeなLife日記

Microsoft Edge、Microsoft InternetExplorer 11、Google Chrome、Mozilla Firefox で確認したところ、無事に Microsoft Edge のみ非表示が適用されました。

自分自身メカニズムはよくわかっていないのですが、情報元は英語ドキュメントのようです。

ハードルが高い。。。orz

CSS Hacks for Windows 10 and Microsoft’s Edge (Formerly Spartan) Web Browser

カテゴリー: WEB