21

如何使用 jQuery 更改文本框的背景颜色?

4

4 回答 4

44

更好的做法是将 UI 与逻辑分开,在您的情况下:

$("#textboxid").addClass("aClass");

如果您真的需要它,请执行以下操作:

$("#textboxid").css({"background-color": "color"});

替换#textboxid为所需的选择器,并用所需的颜色进行着色。

请注意,以下对一个属性的作用相同:

$("#textboxid").css("background-color", "color");
于 2009-08-03T18:00:17.277 回答
10
$('#txtBoxID').css('background-color', '#ffff00');
于 2009-08-03T18:00:46.043 回答
8

最好在输入中添加类名,而不是在 js 中硬编码样式。表示样式应该驻留在 css 而不是 js 中。

$('#inputId').addClass('someCssClass');
于 2009-08-03T18:17:26.837 回答
0

更好的是,不要使用 jQuery。我假设您想在焦点或模糊上执行此操作,因此您可以这样做:

#textboxid {background-color:defaultcolor;}
#textboxid:focus {background-color:selectedcolor;}
于 2012-08-24T21:15:59.560 回答