当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 控制input的CSS但不影响CheckBox以及Radio的样式

Javascript
javascript radio 联动效果
兼容FireFox 的 js 日历 支持时间的获取
小型js框架veryide.librar源代码
js 颜色选择器(兼容firefox)
Iframe thickbox2.0使用的方法
JavaScript RegExp方法获取地址栏参数(面向对象)
javascript prototype 原型链
动态添加js事件实现代码
IE6、IE7、Firefox javascript 无提示关闭窗口的代码
JavaScript 事件属性绑定带参数的函数
InnerHtml和InnerText的区别分析
javascript radio值获取代码
用JavaScript编写COM组件的步骤
javascript 避免闭包引发的问题
js no-repeat写法 背景不重复
javascript 回车键后跳到下一控件
javascript IE7 浏览器本地图片预览
javascript attachEvent和addEventListener使用方法
JavaScript 脚本将当地时间转换成其它时区
javascript 装载iframe子页面,自适应高度

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 488 ::
收藏到网摘: n/a

在一些Web界面,有时候为了方便会写一个全局的input样式,这样所有的样式会立刻变化,如果能更好的区分checkbox等呢。 但是checkbox radio等也会随着变化了,往往就是这两样控件显示的很不如人意,就想:要是
能有一种可以改变其他input控件的样式而不影响checkbox和radio的方法就好.在网上找了
很久都没有找到合适的代码:无非就是增加一个样式,然后将每个checkbox控件都加一个class="xxx"
但这样太麻烦.我经过测试和研究发现:expression((this.type!="checkbox")?(这样可以实现,可以将以下
代码拿到IE中测试一下.此方法在IE8中可行,但是没测试过FireFox中是否可行,
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

另外在网上,大家认为input[type="checkbox"]这种样式是firefox支持的样式
可以单独控制input中每种控件的样式.