input readonly样式设置示例

发布时间:2020-07-15编辑:脚本学堂
有关input readonly样式设置的方法,通过css样式设置只读属性readonly的input样式,分为ie浏览器与chrome浏览器二种情况。

属性为readonly的input不允许用户输入内容,然而在ie或chrome中,属性为readonly的input与普通input从界面上看不出区别,不好分辨。

通过css样式设置只读属性readonly的input样式:
 
在ie浏览器中:
 

input{background-color:expression((this.readOnly && this.readOnly == true)? "#efefef":"");} 

在chrome中:
 

input[readonly]{ 
    background-color: #efefef;