IE11のみをCSSハックする方法

最近、Wordpressテーマを作っていて、スタイルシートの表示が次のように、IE11だけ、おかしくなる現象になりました。 Chrome→OK Firefox→OK Opera→OK IE11→崩れる IE10→OK で、ブラウザのCSSハックでIE11だけを対象にスタイルシートを書く方法を探したんですけど日本語ページでは見つからなかったので、海外のサイトで見つけた方法をシェア。 photo by Blubr Blog

[akymrk]

@media all and (-ms-high-contrast:none){ *::-ms-backdrop, .foo { color: red } /* IE11 */ }

[kyompi]

まさか2018年にもなってcssハックに頼ることになるとは思わなかった。IEマジ死ねよ。ついでにEdgeも死ね。

[h1rokey0401]

“@media all and (-ms-high-contrast:none){ .foo { color: green } /* IE10 */}”

[trox]

“@media all and (-ms-high-contrast:none){ .foo { color: green } /* IE10 */}”

[teru-7]

css hack

[aoiasaba]

ゴリ押しだけど、これで出来ました！