Question

我想将表单上的所有文本框边框颜色设置为红色。我尝试使用

$('*').css('border', 'black');

也

    var all = document.getElementsByTagName('*');

   for(var i=0;i<all.length;i++)
   {

     all[i].style.backgroundColor = "Red";
   }

没有什么对我有用。在CSS文件中的所有文本框

input[type=text], .htmlplusinput {
    border: 1px solid #C79988;
    padding:1px;
    width:120px;
    cursor: text;
}
input[type=text]:focus, .htmlplusinput:focus {
    border:2px solid #25a3fc;
    padding:0px;
}

Answer 1

首先，$('*')选择器与所有元素匹配。如果您只想要文本框，则需要使用$('input:text')。

如果选择器正确，则需要设置边框的颜色。如果我没记错的话，正确的CSS属性是border-color，所以你可以这样做：

$('input:text').css('border-color', 'red');

另一个可能更好的解决方案是为每个元素添加一个类，而不是修改它们的style属性，然后使用该类的CSS声明来控制边框的外观：

$('input:text').addClass('redborder');

.redborder {
    border-color: red;
}

Answer 2

这应该做的工作：

jQuery（＆＃39;输入：文字＆＃39;）。css（＆＃39; borderColor＆＃39;，＆＃39;＃000＆＃39;）;

设置表单上文本框的边框颜色

2 个答案: