使用javascript覆盖CSS参数值
Overwriting the CSS parameters value using javascript
我想在出现错误时将输入文本框的颜色更改为红色。我给的代码有一个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');
@Judy我认为最好的方法是您的验证代码指出问题元素的ID。所以你可以使用一些像这样的jQuery $('#myElementId').css('border-color', 'red');
我会在错误输入中添加一个类。
CSS:input.error { color: red; };
Javascript(在验证点上):
currentValidatingInput.className += " error";
相关文章:
- 通过CSS Selector将参数传递给javascript函数
- 根据函数参数将CSS值存储在var中,然后对其进行操作
- 无法让悬停事件使用 jQuery UI 持续时间参数或 CSS 处理目标元素的同级元素
- 余烬2:带参数的动态CSS类
- 如何在 css 中更新参数
- 将 CSS .class 作为参数传递给 JavaScript 函数
- 使用css样式和任意参数自定义console.log
- CSS转场不能在参数化函数中工作
- 未捕获的SyntaxError: missing)在使用.css()的参数列表后
- 在Django中使用url参数时,CSS + JS文件找不到(404)
- CSS样式中断使用参数?—状态304未修改
- 试图从JavaScript传递参数到CSS
- 带htaccess的Angularjs路由参数不包含CSS文件
- 将CSS属性作为参数传递给JavaScript函数
- ASP MVC css/js包:长度&bundle参数名称"?v=1234567890"
- 是否可以将参数传递给css文件
- 动态生成的对象不能作为.css()的参数
- 编写JQueryGallery脚本,将CSS类作为函数的参数传递
- Velocityjs在css"“左”;参数是百分比
- 如何使用警报或表单输入来允许用户设置 CSS 参数的值