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

Javascript
js返回当前网页的url
简明json介绍
JavaScript在IE中“意外地调用了方法或属性访问”
JS获得鼠标位置(兼容多浏览器ie,firefox)修正版
JavaScript 基础问答 四
支持多浏览器(IE、Firefox、Opera)剪切板复制函数
js 解决“options为空或不是对象”
走出JavaScript初学困境—js初学
JavaScript入门教程(6) Window窗口对象
JavaScript 快捷键设置实现代码
Extjs Ajax 乱码问题解决方案
JavaScript 实现模态对话框 源代码大全
[原创]js 日期加红代码 适用于各种cms
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
[原创]javascript 改变字体大小方法集合
javascript 单行文字向上跑马灯滚动显示
一个简单的javascript类定义例子
javascript 类定义的4种方法
javascript类继承机制的原理分析
firefox(火狐)和ie浏览器禁止右键和禁止复制的代码

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


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