当用户输入

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; 
}