問題在主題中。當用戶用CSS點擊文本框時,如何更改文本框的背景色
回答
input[type='text']:focus {
background-color: #0066FF;
}
您可以使用CSS pseudo-class selectors這樣的:
textarea:focus { background-color: red }
我的投票去奧托,爲是第2分鐘:-)但我想補充一點':focus'不被IE7或支持更低(我知道!)。對於IE7和IE6,您需要使用DOM事件'onfocus' /'onblur'。 – 2010-02-27 21:22:23
雖然這個問題說「文本框」。 – Phoexo 2010-02-27 21:23:23
@Phoexo:你在爭論語義,Otto的答案仍然是正確的。 textarea是一個多行文本框。帶'type =「text」的輸入是單行文本框。 – 2010-02-27 21:26:44
textarea:focus
{
background-color: #00ff00;
}
- 1. 更改此文本框的文本更改時文本框的背景顏色?
- 2. 當文本框焦點時更改容器的背景顏色
- 3. 當用戶點擊或製表時,更改文本框文本
- 4. 更改文本框的背景顏色
- 5. 更改文本框的背景顏色
- 6. 在C中單擊文本框時更改背景顏色#
- 7. 如何在onfocus時更改文本框的背景顏色?
- 8. 當沒有焦點時更改文本框的背景
- 9. CSS僅應用於文本的文本框的背景顏色
- 10. 當它接收焦點時更改文本框背景(asp.net)
- 11. 在文本框中更改選定的文本背景色
- 12. 如何在ReadOnly文本框中更改背景/前景色?
- 13. 如何在用戶在文本框中輸入文本時使用JavaScript更改一行的背景顏色
- 14. 使用JavaScript更改文本框背景顏色使用JavaScript
- 15. 如何通過JavaScript更改文本框的背景顏色?
- 16. 如何更改getFocus上的文本框背景顏色
- 17. 使用javascript更改文本框背景色的問題
- 18. 如何改變文本框的禁用背景色WPF
- 19. 如何在禁用時更改富文本框的背景顏色?
- 20. Silverlight RadGridView更改文本框背景
- 21. CSS:如何使文本框的值爲背景顏色?
- 22. 如何在點擊文本時更改文本的顏色
- 23. 如何更改點擊框中的內容和背景顏色?
- 24. C#更改gridview上的文本框的背景顏色
- 25. 更改文本框的自動完成DropDownList的背景顏色
- 26. 根據輸入的值更改文本框的背景顏色
- 27. 在驗證失敗時更改文本框邊框和背景
- 28. 更改flash輸入文本框的背景顏色?
- 29. 更改背景顏色的組文本框
- 30. 更改asp.net中gridview內部文本框的背景顏色?
在ie6,7上做這個工作嗎? – leora 2010-02-27 21:30:15
絕對不是IE6。可能是IE7,但我懷疑它。 – 2010-02-27 21:31:57
@oo:正如我在對Otto的回答的評論中提到的,這隻適用於標準模式下的IE8,它不適用於IE8兼容模式,IE7或更低版本。解決方法是使用JavaScript。 – 2010-02-27 21:39:15