CSS ハックで特に Internet Explorer 11 をターゲットにするにはどうすればよいですか?

CSS ハックを使用して IE 11 を特にターゲットにする方法

CSS を使用して Internet Explorer 11 をターゲットにするには、Microsoft 固有のルール。これらのルールを利用することで、他のブラウザを無視して IE 11 にのみスタイルを適用するハックを作成することが可能です。

1 つのアプローチには、@media all および (-ms-high-contrast: none) ルールの使用が含まれます。このルールは、ハイ コントラスト モードが無効になっているすべてのブラウザを対象としています。これは Microsoft 固有の機能であるため、IE 10 と IE 11 のみに一致します。

このメディア クエリ内で、*::-ms-backdrop セレクターを使用して、IE 11 に特化したスタイルを適用できます。このセレクターは、IE 11 の特定のフォーカス状態によって作成される背景要素をターゲットにします。

たとえば、次の CSS コードを使用して、IE 11 をターゲットにし、クラス「foo」の要素の色を変更できます。 :

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

このアプローチは、*::-ms-backdrop などの無効な CSS セレクターを使用すると、IE 11 がセレクター ブロック全体を無視します。この無効なセレクターを有効なセレクターと組み合わせることで、他のブラウザーに影響を与えることなく、効果的に IE 11 をターゲットにすることができます。

以上がCSS ハックで特に Internet Explorer 11 をターゲットにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。