订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

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

网络 2008/5/23 21:02:57 深山行者 字体: 浏览 10358

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

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

当然,我们可以改变只读文本框的背景颜色来加以区分,这个时候就需要程序员自己判断这个文本框是不是只读,然后再引入相应的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>

相关阅读
CSS教程:用dl dt dd来制作新闻文章列表
当鼠标移到图片上时会发生梦幻般轮流变化的图片特效
CSS的优化与技巧
仿MAC官网导航菜单
asp利用正则检查手机端的浏览器标识来确定是否是手机访问 如果是手机访问就使用手机模板
asp金额数字转换为大小写汉字
asp利用sql操作数据表、数据库的一些方法
非常酷的时钟,图片制作精美,还有日期显示
共有0条关于《巧用CSS中的expression来区分只读文本框》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
更多>>同类信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
更多>>最新添加文章
asp显示随机密码
通过阿里云服务接口获得ip地址详细信息
jquery中动态生成的代码使用on hover事件时不出现效果
阿里云短信验证码签名不合法isv.SMS_SIGNATURE_ILLEGAL
iis点开后任务栏上有显示,但是窗口看不到的解决办法
facebook广告推广设定像素标准事件的值和币种等说明
iframe里阻止_blank弹出新窗口的方法
jquery实现下拉加载更多
更多>>随机抽取信息
万圣节留言板模板
深山旅行社管理系统商业版增加线路日期报价功能样式选择(增加了3个日期报价效果)
jquery获得当前所有input表单数据并进行序列化的各种问题与解决方案serialize与serializeArray的区别分析
24款实用的翻页页码css代码
仙美境健身馆网站
昌平欢乐之旅旅行社