问题在主题中。当用户用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. CSS仅应用于文本的文本框的背景颜色
- 6. 当它接收焦点时更改文本框背景(asp.net)
- 7. 在文本框中更改选定的文本背景色
- 8. 如何在ReadOnly文本框中更改背景/前景色?
- 9. 如何在用户在文本框中输入文本时使用JavaScript更改一行的背景颜色
- 10. 使用JavaScript更改文本框背景颜色使用JavaScript
- 11. 如何更改getFocus上的文本框背景颜色
- 12. 如何通过JavaScript更改文本框的背景颜色?
- 13. 如何改变文本框的禁用背景色WPF
- 14. 如何在禁用时更改富文本框的背景颜色?
- 15. Silverlight RadGridView更改文本框背景
- 16. CSS:如何使文本框的值为背景颜色?
- 17. 如何在点击文本时更改文本的颜色
- 18. C#更改gridview上的文本框的背景颜色
- 19. 更改asp.net中gridview内部文本框的背景颜色?
- 20. 通过输入文本框的onkeyup更改背景颜色
- 21. 更改flash输入文本框的背景颜色?
- 22. 更改背景颜色的组文本框
- 23. 获取文本框的背景颜色
- 24. 重置文本框的背景颜色
- 25. 禁用时,可以更改asp.net文本框的背景颜色吗?
- 26. 改变UIAlertController文本框的背景颜色不起作用
- 27. 文本框更改为启用时点击新的angularjs
- 28. 如何使用文本框“id”更改文本框placehoder的颜色
- 29. 文本框中的背景文本
- 30. 如何在使用jquery点击文本时更改文本的颜色?
在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