注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

飘泊

努力做到全面...

 
 
 

日志

 
 

CSS中的expression系列文章2  

2010-03-08 15:26:18|  分类: DIV+CSS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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

 

对于文本框,只读状态下和普通状态下,浏览器对其并没有做什么特殊的标记,表面看来,效果是一样的,这样,对用户来说,易用性并不是很高.

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

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

<style>

input{background-color:expression_r((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>

  评论这张
 
阅读(75)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017