作家
登录

控制input的CSS但不影响CheckBox以及Radio的样式

作者: 来源:www.28hudong.com 2013-03-30 02:19:08 阅读 我要评论

但是checkbox radio等也会随着变化了,往往就是这两样控件显示的很不如人意,就想:要是 能有一种可以改变其他input控件的样式而不影响checkbox和radio的方法就好.在网上找了 很久都没有找到合适的代码:无非就是增加一个样式,然后将每个checkbox控件都加一个class="xxx" 但这样太麻烦.我经过测试和研究发现:expression((this.type!="checkbox")?(这样可以实现,可以将以下 代码拿到IE中测试一下.此方法在IE8中可行,但是没测试过FireFox中是否可行, New Document input { padding: 1px; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; filter:expression((this.type!="checkbox")?("progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ddddee, EndColorStr=#FFFFFF)"):""); height:22px; font-size: 8pt; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 另外在网上,大家认为input[type="checkbox"]这种样式是firefox支持的样式 可以单独控制input中每种控件的样式.

  推荐阅读

  jquery ajax 登录验证实现代码

使用 jquery 框架:下载 jquery.js 新建一个 web 工程 ajax ; 在 webRoot 下新建一个 jslib 文件夹:专门存放 js 文件; 在 webRoot 下新建一个 html/jsp 页面: login.html 复制代码 代码如下:<script type = "t>>>详细阅读


本文标题:控制input的CSS但不影响CheckBox以及Radio的样式

地址:http://www.17bianji.com/kaifa2/JS/28074.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)