CSS スタイルを Internet Explorer ブラウザのみに適用するにはどうすればよいですか?

Internet Explorer 専用のスタイル アプリケーション

特定の CSS コード ブロックでは、ユーザーは特定のスタイルを Internet Explorer (IE) ブラウザにのみ適用し、無視する必要がある場合があります。

IE 7-9 の幅プロパティのカスタマイズ

たとえば、テーブルの幅を 100% に設定する CSS ルールがあるとします。ただし、このプロパティをレンダリングできるのは IE 7、8、および 9 だけです。簡単な解決策は、メディア クエリを利用することです。

メディア クエリの利用

@media ルールを使用すると、特定のブラウザのバージョンまたは機能を対象としたスタイルを指定できます。 IE との互換性を確保するには、Microsoft Internet Explorer 10 以降に固有の -ms-high-contrast プロパティを使用できます。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .actual-form table {
        width: 100%;
    }
}

説明

これメディア クエリは IE 10 以降をターゲットにしており、ユーザーのハイ コントラスト設定に関係なく、実際の形式のテーブル要素に width: 100% スタイルを適用します。これにより、指定されたバージョン内の IE ブラウザのみがこのスタイル ルールに従うことが保証されます。

以上がCSS スタイルを Internet Explorer ブラウザのみに適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。