网上查了下,至少有三种方法可以使文本框变为只读属性:
[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
[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