jquery - 为什么此输入框不会在IE上触发焦点事件？

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');
});

点击“输入”（在文本上方）我无法集中输入。但如果我点击文本附近（右边）它得到焦点！
为什么？我该怎么解决呢？

最佳答案

只需添加以下内容：

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