想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的CSS巧用expression来区分只读文本框教程,一起来看看吧!超容易上手~
【 tulaoshi.com - Web开发 】
对于文本框,只读状态下和普通状态下,浏览器对其并没有做什么特殊的标记,表面看来,效果是一样的,这样,对用户来说,易用性并不是很高.
当然,我们可以改变只读文本框的背景颜色来加以区分,这个时候就需要程序员自己判断这个文本框是不是只读,然后再引入相应的CSS,无疑加大了工作量.
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)这里,使用expression来提供一种解决方案,只需要每个页面引入这个CSS即可,其它的都由程序自己判断,如下:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)style
input{background-color:expression((this.readOnly && this.readOnly==true)?"#f0f0f0":"")}
/style
INPUT TYPE="text" NAME=""
INPUT TYPE="text" NAME="" readonly
INPUT TYPE="text" NAME=""
INPUT TYPE="text" NAME="" readonly
来源:http://www.tulaoshi.com/n/20160219/1626432.html
看过《CSS巧用expression来区分只读文本框》的人还看了以下文章 更多>>