This是我的代码：为什么这个输入框不会触发IE上的焦点事件？

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的

点击 “输入”（在文本上）我不能集中输入。但是，如果我点击文字旁边（右边），它会得到重点！

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

来源

2012-02-17 markzzz

它在Chromium 16中正常工作。您使用的浏览器是？ – Bojangles 2012-02-17 14:17:28

@JamWaffles *标题*：p – 2012-02-17 14:18:03

愚蠢的我...我应该学会阅读。 – Bojangles 2012-02-17 14:18:36

考虑使用CSS“：聚焦”伪而不是使用jQuery操作DOM

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

来源

2012-02-17 14:29:15

与CSS和浏览器（opera ... safari ... IE）的太多大麻烦...这就是为什么我使用jquery ... – markzzz 2012-02-17 14:33:53

这是一个方便的功能，所以如果它不适用于古代浏览器 - 谁在乎。 – ThiefMaster 2012-02-17 14:57:54

我在乎......使用那些古老浏览器的人关心......我们必须关心这个...... – markzzz 2012-02-17 15:01:47

只需补充一点：

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

和你所有的设置。

来源

2012-02-17 14:54:58

为什么这个输入框不会触发IE上的焦点事件？

HTML

CSS

jQuery的

回答

相关问题