IEのみにcssを適用する方法についてまとめました。

IE11、IE10に適用する

 

どのような仕組みでIEにのみスタイルが適用されるのか考察されている以下のサイトが参考になりました。
【参考】IEハック

 

IE10を無視してIE11のみに適用する

サポートが終了したIE10は切り捨ててIE11のみに適用する場合は以下

-ms-high-contrast: none の使用は避けたい？

IE css ハック で検索すると以下の記述方法が多数出てきます。

これだと、ハイコントラストモードがnoneの時にはスタイルが適用されますが、
ハイコントラストモードがactiveの時にはIEでもスタイルが適用されません。

 

ではこうすればいい？

今度はハイコントラストモードがオンの場合にEdgeにもスタイルが適用されてしまいます。

【参考】-ms-high-contrast を CSS ハックに使ってはいけない、ただひとつの理由