控制input的CSS但不影响CheckBox以及Radio的样式
作者:bea
但是checkbox radio等也会随着变化了,往往就是这两样控件显示的很不如人意,就想:要是 能有一种可以改变其他input控件的样式而不影响checkbox和radio的方法就好.在网上找了 很久都没有找到合适的代码:无非就是增加一个样式,然后将每个checkbox控件都加一个class="xxx" 但这样太麻烦.我经过测试和研究发现:expression((this.type!="checkbox")?(这样可以实现,可以将以下 代码拿到IE中测试一下.此方法在IE8
但是checkbox radio等也会随着变化了,往往就是这两样控件显示的很不如人意,就想:要是
能有一种可以改变其他input控件的样式而不影响checkbox和radio的方法就好.在网上找了
很久都没有找到合适的代码:无非就是增加一个样式,然后将每个checkbox控件都加一个class="xxx"
但这样太麻烦.我经过测试和研究发现:expression((this.type!="checkbox")?(这样可以实现,可以将以下
代码拿到IE中测试一下.此方法在IE8中可行,但是没测试过FireFox中是否可行,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
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;
}
</style>
</head>
<body>
<input type=text>
<input type=checkbox>
<input type=button value="Please select">
</body>
</html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
另外在网上,大家认为input[type="checkbox"]这种样式是firefox支持的样式
可以单独控制input中每种控件的样式.
有用 | 无用
能有一种可以改变其他input控件的样式而不影响checkbox和radio的方法就好.在网上找了
很久都没有找到合适的代码:无非就是增加一个样式,然后将每个checkbox控件都加一个class="xxx"
但这样太麻烦.我经过测试和研究发现:expression((this.type!="checkbox")?(这样可以实现,可以将以下
代码拿到IE中测试一下.此方法在IE8中可行,但是没测试过FireFox中是否可行,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
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;
}
</style>
</head>
<body>
<input type=text>
<input type=checkbox>
<input type=button value="Please select">
</body>
</html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
另外在网上,大家认为input[type="checkbox"]这种样式是firefox支持的样式
可以单独控制input中每种控件的样式.
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 没有form表单情况下敲回车键提交表单的js代码
- JavaScript 变量命名规则
- js 获取中文拼音,Select自动匹配字母获取值的代码
- jquery ajax 登录验证实现代码
- 比较全面的event对像在IE与FF中的区别 推荐
- ie与ff下的event事件
- javascript 必知必会之closure
- js 冒泡事件与事件监听使用分析
- 用JavaScript隐藏控件的方法
- jquery 子窗口操作父窗口的代码
- 通过JS 获取Mouse Position(鼠标坐标)的代码
- IE,firefox(火狐)浏览器无提示关闭窗口js实现代码小结
- 用jQuery技术实现Tab页界面之二
- Tab页界面,用jQuery及Ajax技术实现
- 一个js写的日历(代码部分网摘)
- js表格分页实现代码
- ext 同步和异步示例代码
- JQuery的ajax基础上的超强GridView展示
- jQuery slider Content(左右控制移动)