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

Javascript
网页中的图片的处理方法与代码
用javascript实现jquery的document.ready功能的实现代码
Exitjs获取DataView中图片文件名
javascript 加入收藏、设为首页(IE,firefox兼容脚本之家版)
isArray()函数(JavaScript中对象类型判断的几种方法)
Javascript 二维数组
js setattribute批量设置css样式
Javascript 复制数组实现代码
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
JavaScript 闭包在封装函数时的简单分析
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
JavaScript 字符串操作的几种常见方法
javascript &&和||运算法的另类使用技巧
[原创]javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法
js鼠标移动在title中显示图片的效果代码
JavaScript Alert通用美化类
javascript 新闻列表排序简单封装
Javascript 构造函数,公有,私有特权和静态成员定义方法
javascript 设置某DIV区域内的checkbox复选框
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 370 ::
收藏到网摘: 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中每种控件的样式.