當用戶輸入

Question

時，如何更改輸入文本的邊框顏色，邊框顏色將取決於當前的類型值。 我試着改變使用javascript時onkeypress事件事件發生輸入文本的類名，

element.className= 'recordInputEdited'; 

但是，它無法擺脫的：集中式的，直到文本框失去焦點的新類是可見。任何想法？

Answer 1

這應該工作：http://jsfiddle.net/GQSsw/

HTML：

<input id="element" /> 

的Javascript：

document.getElementById('element').onkeydown = function() { 
    this.className= 'edited'; 
} 

CSS：

input { 
    border: 1px solid red; 
} 

input:focus { 
    border: 1px solid green; 
} 

input.edited { 
    border: 1px solid yellow; 
} 

Answer 2

與CSS你根本就：

input:focus { 
    border:1px solid red; 
}