2012-07-29 176 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' );