回避策[タイプ=「テキスト」]：IE6

Question

で焦点

input[type="text"]:focus{ 
    border:solid 2px red; 
} 

私はそれがIE6で動作しません上記のCSSルールを使用していた場合、それだけでソートのcontrol.IはCSSビットを知っているテキストを無効にします条件付きのコメントを使用して世話をすることができます。今私はIE6で境界を取得することを理解し、私はjavascriptまたはjQueryを使用する必要があります。私の質問は、ブラウザーがIE6の場合にのみ境界線を変更する関数をバインドするJavaスクリプトのCSSに似た条件付きコメントですか？現代のブラウザはこのコードを必要としないので、私はいくつかの意味を作っています。

Answer 1

ちょうど同じことを実行します。

<!--[if lte IE 6]> 
<script type='text/javascript'> 
    // IE JAVASCRIPT HERE 
</script> 
<![endif]--> 

Answer 2

あなたがie7js、ie8jsまたはie9jsを使用してみましたか？

http://code.google.com/p/ie7-js/

あなたは、単にあなたのページ上の適切なスクリプトが含まれ、それが自動的にあなたのための特定の機能を修正したので、これは私の意見では、この問題を解決するための最適な方法だろう。

Answer 3

Detecting IE6 using jQuery.support

Answer 4

あなたは絶対にあなたはjavascriptののヘルプを使用する必要があります、この機能をサポートしなければならない場合は、IE6のためにこれを行うことができます何のセレクタがありません。あなたのページにこの機能を入れて：あなたが使用できるように

function appendInputTypeClasses() { 
if (!document.getElementsByTagName) 
    return; 
var inputs = document.getElementsByTagName('input'); 
var inputLen = inputs.length; 
for (i=0;i<inputLen;i++) { 
    if (inputs[i].getAttribute('type')) 
    inputs[i].className += ' '+inputs[i].getAttribute('type'); 
} 
} 

これは、クラスへの入力の種類を追加します。

input[type='text'],input.text 
input[type='radio'],input.radio 
input[type='checkbox'],input.checkbox