MARKLEAPS[マークリープス]

TECH BLOG

マークリープス技術ブログ

open

IEのみにスタイルを適用するCSSハック

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

IE11、IE10に適用する

 

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

 

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

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

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

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

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

 

ではこうすればいい?

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

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

よく読まれている関連記事

関連最新記事