为什么这个输入框不能在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

$(".textBoxEmpty").focus(function() {
    $(this).css('background', '#ffffff');
});

点击“输入”（在文本上）我无法聚焦输入。但是，如果我点击文本附近（右侧），它就会得到焦点！

为什么呢？我该如何解决？

Answer 1

只需添加：

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

你们都设定了。

Answer 2

考虑使用CSS'：focus'伪而不是使用jQuery来操作DOM

对于简单的更改，例如背景颜色，这将更有效