使用類名更改div的邊框顏色（ie7）

當我的頁面的多個（全部）選擇對象被點擊時，如何使用JavaScript更改我的div的邊框顏色？邊框顏色應爲純紅色（用於測試目的）。使用類名更改div的邊框顏色（ie7）

var y = document.getElementsByTagName('SELECT'); 
for (var i = 0; i < y.length; i++) { 
    y[i].onblur = function() { this.style.backgroundColor = '#FFFFFF'; }; 
    y[i].onfocusin = function() { this.style.backgroundColor = '#E5ECF9'; } 
}

HTML：

<div class="select-container"> 
    <select id="request"> 
     <option value="" >Please Select...</option> 
     <option value="option1">Option 1</option> 
     <option value="option2">Option 2</option> 
    </select> 
</div>

CSS：

.select-container { 
    position:relative; 
    width:179px; 
    height:20px; 
    overflow:hidden; 
    border-top: 0; 
    border-right: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    border-left: 0; 
} 
.select-container select { 
    position:relative; 
    left:-2px; 
    top:-2px; 
    width: 181px; 
}

來源

2013-03-18 John Smith

你想只改變邊界，當他們都聚焦？ – epascarello 2013-03-18 19:44:06

nope，單擊選擇框時更改div的邊框顏色，但將此操作應用於所有選擇。 – 2013-03-18 19:45:46

嘗試處理onchange爲<select>。並且每次將新選定的值添加到數組（如果它尚不存在）。

每次新項目添加到陣列時，檢查數組和選擇選項的長度length，如果他們是平等的，改變邊框樣式。

來源

2013-03-18 19:43:22

使用類名更改div的邊框顏色（ie7）

回答

相關問題