2012-07-29 178 views
0

我想将窗体上的所有文本框边框颜色设置为红色。我试着用设置窗体上文本框的边框颜色

$('*').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; 
} 
+0

你是否试图动态改变它们,或永远让它们变成红色? – ChiefTwoPencils 2012-07-29 21:00:02

+0

你的选择是错误的。 – 2012-07-29 21:04:36

+0

我想动态改变 – Judy 2012-07-29 22:29:51

回答

2

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

一旦你选择正确,你需要设置边框的颜色。如果我没有记错,正确的CSS属性是border-color,所以你会怎么做:

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

另外,潜在的更好,解决方案将是一个类添加到每一个元素,而不是修改其style财产,然后使用一个CSS声明该类控制边框的外观:

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

.redborder { 
    border-color: red; 
} 
+0

这是真的,因为选择器是错误的,这是正确的选择器。 – 2012-07-29 21:04:01

1

这应该做的工作:

的jQuery( '输入:文本')。CSS( 'BORDERCOLOR',“# 000' );