使用javascript覆盖CSS参数值

Question

我想在某些错误上将输入文本框的颜色更改为红色.我给出的代码有一个CSS样式表,如果我想使用该样式表,它只是将所有文本框的颜色更改为红色.有没有办法将文本框边框颜色发送到红色.(这里我不关心我将如何查找错误只是想知道将任何单个文本框的颜色设置为红色所需的属性类型)

这是文本输入的代码

 <input name="count" 
 type="number" 
 walked="true" 
 autocomplete="off" 
 class="htmlplusinput numberinput novalue" 
 style="width: 24px; " 
 id="htmlplusinputnumberinput19" 
 hasobj="true" 
 novaluedisplay="number">

这里我还想避免使用id访问此文本框,因为id是动态更改的.(我的意思是说id htmlplusinputnumberinput19将是其他时间htmlplusinputnumberinput789)所以这就是为什么一个更好的解决方案将是如果我可以使用一些其他参数.

这是CSS样式表,它应用于页面上的所有输入文本框

 input[type="text"], .htmlplusinput {
  border: 1px solid gray;
  }

Answer 1

为了向您提供有关如何选择输入元素而不是其id的建议,您需要提供有关页面标记的更多信息.它可以使用这样的东西:

$('#example-form input[name=count]')

如果使用jQuery,设置css属性值很简单:

$('input[name=count]').css('border-color', 'red');

您还可以向元素添加错误类:

$('input[name=count]').addClass('error');

Answer 2

@Judy最好的方法我猜是你的验证码指出了麻烦元素的ID.所以,你可以使用这样的jQuery$('#myElementId').css('border-color', 'red');