繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 控制input的CSS但不影响CheckBox以及Radio的样式
- Javascript
- innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
- JavaScript与C# Windows应用程序交互方法
- javascript之解决IE下不渲染的bug
- javascript之锁定表格栏位
- javascript实现鼠标选取拖动或Ctrl选取拖动
- 优化网页之快速的呈现我们的网页
- javascritp实现input输入框相关限制用法
- 用javascript实现的激活输入框后隐藏初始内容
- CSS代码格式化和压缩的方法与技巧
- autocomplete禁止自动完成功能
- IE autocomplete internet explorer''s autocomplete
- 如何快速的呈现我们的网页的技巧整理
- 计算黄金分割的javascript代码
- 设置和读取cookie的javascript代码
- javascript 复选框选择/全选后特效
- 实现一个年、月、季度联动SELECT的javascript代码
- javascript事件模型代码
- WordPress 插件——CoolCode使用方法与下载
- 用javascript实现画图效果的代码
- javascript发表评论或者留言时的展开效果
Javascript 中的 控制input的CSS但不影响CheckBox以及Radio的样式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 504 ::
收藏到网摘: n/a
在一些Web界面,有时候为了方便会写一个全局的input样式,这样所有的样式会立刻变化，如果能更好的区分checkbox等呢。 但是checkbox radio等也会随着变化了,往往就是这两样控件显示的很不如人意,就想:要是
能有一种可以改变其他input控件的样式而不影响checkbox和radio的方法就好.在网上找了
很久都没有找到合适的代码:无非就是增加一个样式,然后将每个checkbox控件都加一个class="xxx"
但这样太麻烦.我经过测试和研究发现:expression((this.type!="checkbox")?(这样可以实现,可以将以下
代码拿到IE中测试一下.此方法在IE8中可行,但是没测试过FireFox中是否可行,
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
另外在网上,大家认为input[type="checkbox"]这种样式是firefox支持的样式
可以单独控制input中每种控件的样式.
评论 (0) All
