改变只读文本框的的背景颜色(原)

网上查了下,至少有三种方法可以使文本框变为只读属性:
[code]:ReadOnly=>"true",:locked=>"true",:enabled=>"false"[/code]
可是怎么改变只读文本框的的背景颜色呢?
查到一种方法就是文章"巧用expression来区分只读文本框和普通文本框的背景色"(百度去搜吧)里,在CSS中:
[code]input{background-color:expression((this.readOnly && this.readOnly==true)?"#ACA899":"")}[/code]
然后就可以了,达到了我想要的效果,如果想第一次载入时改变背景颜色,点到下一个文本框时,它又变回原来的颜色的话加一个onblur事件即可。代码里居然用到了一个三目运算符"?:" :) 呵呵。
闲来无事,突然想起来了前面的一篇文章"[url=http://msdn.iteye.com/blog/95061]设置文本域的背景图[/url]",用一张图片来做背景也应该可以达到效果的吧?试了下自己的想法,成功 :D
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值