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

时间:2009-08-03 17:58:03

标签: jquery background-color

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

4 个答案:

答案 0 :(得分:42)

更好的做法是在您的情况下将UI从逻辑中分离出来:

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

如果您确实需要,请执行以下操作:

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

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

注意以下内容对一个属性的作用相同:

$("#textboxid").css("background-color", "color");

答案 1 :(得分:10)

$('#txtBoxID').css('background-color', '#ffff00');

答案 2 :(得分:8)

最好在输入中添加一个类名,而不是在js中添加硬编码样式。 演示文稿样式应该位于css而不是js。

$('#inputId').addClass('someCssClass');

答案 3 :(得分:0)

更好的是,不要使用jQuery。我假设你想在焦点或模糊时这样做,所以你可以这样做:

#textboxid {background-color:defaultcolor;}
#textboxid:focus {background-color:selectedcolor;}