1. ホーム
  2. css

[解決済み】IEでスタイルのみ適用する。

2022-04-13 04:01:36

質問

ここに私のCSSのブロックがあります。

.actual-form table {
  padding: 5px 0 15px 15px;
  margin: 0 0 30px 0;
  display: block;
  width: 100%;
  background: #f9f9f9;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

IE7,8,9だけ"see"にしたいです。 width: 100%

これを実現する最もシンプルな方法は何でしょうか?

どのように解決するのですか?

2017年のアップデート

環境に応じて、条件付きコメントが 正式に非推奨となり削除されました IE10+ では


オリジナル

最もシンプルな方法は、おそらく インターネットエクスプローラーの条件付きコメント をHTML内に記述してください。

<!--[if IE]>
<style>
    .actual-form table {
         width: 100%;
    }
</style>
<![endif]-->

数多くのハックがあります(例. アンダースコアハック しかし、すべてのプラットフォームですべてのバージョンの IE をターゲットにしたい場合は、非常に面倒なことになります。