CSS巧用expression来区分只读文本框

• 文本
• 区分
• text
• TYPE
• NAME
• INPUT
• 这个

    当然,我们可以改变只读文本框的背景颜色来加以区分,这个时候就需要程序员自己判断这个文本框是不是只读,然后再引入相应的CSS,无疑加大了工作量.

    这里,使用expression来提供一种解决方案,只需要每个页面引入这个CSS即可,其它的都由程序自己判断,如下:

<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>