您现在的位置: 365建站网 > 365学习 > 如何实现控制input的CSS但不影响CheckBox以及Radio的样式

如何实现控制input的CSS但不影响CheckBox以及Radio的样式

文章来源:365jz.com     点击数:1045    更新时间:2009-09-18 10:23   参与评论

在一些Web界面,有时候为了方便会写一个全局的input样式,这样所有的样式会立刻变化

但是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>

另外在网上,大家认为input[type="checkbox"]这种样式是firefox支持的样式

可以单独控制input中每种控件的样式.

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (1045人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------