当用户使用CSS单击文本框时，如何更改文本框的背景颜色

Question

问题在主题中。

这句话意思是提问的问题已经在主题（标题）中了。

- leora

Answer 1

您可以像这样使用CSS伪类选择器：

textarea:focus { background-color: red }

请注意，这个在IE7及以下版本中无法正常工作。

- Otto Allmendinger

---

我的投票给Otto，因为他比其他人早了2分钟 :-) 但我想补充一点，即：focus不支持IE7或更低版本（我知道！）。对于IE7和IE6，您需要使用DOM事件onfocus/onblur。 - Andy E

问题中提到了“文本框”。 - Phoexo

@Phoexo：你在争论词义，Otto的答案仍然是正确的。一个文本域是一个多行文本框。一个type="text"的输入框是一个单行文本框。 - Andy E

Answer 2

演示 :)

该链接为it技术的演示页面。

textarea:focus
{
   background-color: #00ff00;
}

- Sarfraz

Answer 3

input[type='text']:focus {  
    background-color: #0066FF;  
}

- Phoexo

---

绝对不是IE6。可能是IE7，但我怀疑。 - Dan Herbert

正如我在Otto的回答中提到的那样，这仅适用于IE8标准模式，无法在IE8兼容模式、IE7或更低版本中使用。解决方法是使用JavaScript。 - Andy E