0

IE8 で入力フィールドの境界線を次のように設定すると、次のようになります。

input {
  border: 0;
}

必要な入力フィールドの周りに境界線はありませんが、入力にフォーカスがあるときはいつでも、Chrome や Safari のような標準的なアウトラインが必要です。ここで、疑似クラスを介して境界線を追加できますが、:focusその疑似クラスが既に標準のアウトラインを持っているブラウザーに適用されることは望ましくありません。

どうすればそれを達成できますか？

:focus編集: IE8 で動作していないことがわかりました。機能させるには、DOCTYPE を追加する必要があります。

4

2 に答える 2

4

特にie8をターゲットにするには、この方法を使用できます

ie8クラスをhtmlタグに追加し、そこから継承します。

あなたのhtmlタグに

<!--[if IE 8]>     <html class="ie ie8 lte9 lte8"> <![endif]-->

あなたのCSS

.ie8 input:focus {
  //your styles
}
于 2012-08-24T13:15:21.227 に答える
1

条件付きCSSスタイルシートにスタイルを含めることができます。

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

次に、その外部スタイルシートに、次のようなCSSを含めます。

input:focus { border: 1px solid golden; }

focusIE8で動作するはずです。を追加してdoctypeを参照してください。

于 2012-08-24T13:15:36.233 に答える