怎样用css选择页面中所有的文本框

html-css015

怎样用css选择页面中所有的文本框,第1张

用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得到焦点时的边框状态

}