Jquery 如何使输入字段在激活时更改其设计？

假设我的背景颜色是红色。 我希望输入文本字段显示为红色，但当您在输入字段内单击以键入时，它将成为常规文本字段。当然，当您在输入字段中不处于活动状态时，它应该返回到其原始状态（红色）

这实际上是你经常看到的东西。 我想用toggleclass

我的输入字段都附加了jQuery

---

提前感谢

尝试CSS3中的新伪类，这里的：焦点选择器

CSS示例：

textarea:focus, input:focus {  
    background:#f00;  
    border:3px solid #0f0;  
} 

希望有帮助，

---

-fs

尝试CSS3中的新伪类，这里的：焦点选择器

CSS示例：

textarea:focus, input:focus {  
    background:#f00;  
    border:3px solid #0f0;  
} 

希望有帮助，

---

-fs

您可以使用

css类或样式属性来实现这一点

css:

js:

例如：

您可以使用
css类或样式属性来实现这一点

css:

js:

例如：

试试这个：

$('input').bind('focusin focusout', function() {
    $(this).toggleClass('red');
});

我在这里创建了一个示例：

它在Chrome、Firefox和IE中都能正常工作

$('input').bind('focusin focusout', function() {
    $(this).toggleClass('red');
});

我在这里创建了一个示例：

它可以在Chrome、Firefox和IE中使用这在IE7中不起作用，在IE8中使用旧的doctype也不起作用。谢谢！它的工作方式相反，但它的工作！谢谢你的帮助：）@Stefan Kendall:因为“focus”？：focus是css2伪类选择器。除此之外，这将是我的首选解决方案。是的，我也是！只有一件事，它现在是红色时，它的活动，但我希望它是正常的活动和红色时，它不活跃。你怎么称呼它？这在IE7中不起作用，在IE8中对旧的doctype也不起作用。谢谢！它的工作方式相反，但它的工作！谢谢你的帮助：）@Stefan Kendall:因为“focus”？：focus是css2伪类选择器。除此之外，这将是我的首选解决方案。是的，我也是！只有一件事，它现在是红色时，它的活动，但我希望它是正常的活动和红色时，它不活跃。你怎么说？谢谢你的回答，詹迪！谢谢你的回答，jAndy！我的输入字段是一个类。我也可以使用$（'.input'）。绑定？你说它们是一个类是什么意思？我的输入字段是一个类。我也可以使用$（'.input'）。绑定？你说它们是一个类是什么意思？