用css选择页面中所有的文本框,可以使用多种方式,这些方式也是针对不同的浏览器做出的兼容性支持。
input[type="text"] 这种写法不支持IE,但支持Firefox下面这段代码就可以对所有的浏览器做出支持。
<style>input{
color: #FFF
}
<!--针对IE的-->
input{
color:expression(this.type=="text"? red:"style")
}
<!--针对IE以外的浏览器-->
input[type="text"] {
color: red
}
</style>
具体实现代码如下:var inputO = document.getElementById("input1")
inputO.onblur = function()
{
inputO.style.border = "1px solid rgb(0, 0, 0)"//input失去焦点时的边框状态
}
inputO.onfocus = function()
{
inputO.style.border = 0//input得到焦点时的边框状态
}