なぜこの入力ボックスがIEでフォーカスイベントを発生させないのですか？

Question

This私のコードです：

HTML

<div style="position:relative;"> 
    <div style="position:absolute; top:0; left:0; z-index:40;" class="textBoxColor">My <span style='color:#c83243;'>custom</span> text</div>   
    <input type="text" style="position: relative; z-index: 50;" class="textBoxEmpty">   
</div> 

CSS

.textBoxEmpty, .textBoxColor 
{ 
    margin:0; 
    padding:0; 
    border:0; 
    line-height:20px; 
    font-size:20px; 
    height:20px; 
    width:340px; 
    color:#000000; 
    background-color:Transparent; 
} 

jQueryの

私はできません（テキストオーバー） "入力" をクリックします入力をフォーカスします。しかし、テキストの近くをクリックすると（右側に）フォーカスが得られます！

なぜですか？それをどうやって修正することができますか？

Answer 1

CSSを使用して考えてみましょう「：フォーカス」擬似ではなく、このような背景色などの簡単な変更についてはDOM

を操作するためにjQueryを使用するよりも、これは、より効率的な

Answer 2

になりますただ、この追加：

.textBoxEmpty:focus, .textBoxColor:focus { 
    background-color: #fff; 
} 

を

と設定されています。