六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 145|回复: 0

为属性为readonly的input设置样式

[复制链接]

升级  40%

28

主题

28

主题

28

主题

秀才

Rank: 2

积分
110
 楼主| 发表于 2013-2-7 23:53:14 | 显示全部楼层 |阅读模式
      属性为readonly的input不允许用户输入内容,然而在ie或chrome中,属性为readonly的input 和一般input从界面上来看没有任何区别,会给用户输入带来稍许不便。可以通过为其设置css来加以区分。
 
在ie浏览器中:

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

input[readonly]{background-color: #efefef;}
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表