首页 / JAVASCRIPT / 使用javascript覆盖CSS参数值

使用javascript覆盖CSS参数值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用javascript覆盖CSS参数值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1065字，纯文字阅读大概需要2分钟。

内容图文

我想在某些错误上将输入文本框的颜色更改为红色.我给出的代码有一个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;
  }

解决方法:

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

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

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

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

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

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

内容总结

以上是互联网集市为您收集整理的使用javascript覆盖CSS参数值全部内容，希望文章能够帮你解决使用javascript覆盖CSS参数值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/762849.html

来源：【匿名】