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的

回答

相關問題