+ -
当前位置:首页 → 问答吧 → 全局input样式与复选框input的css样式问题(求解)

全局input样式与复选框input的css样式问题(求解)

时间:2011-12-22

来源:互联网

HTML code

<html>
<head>
<title>title </title>
<style type="text/css">
input{height:20px; line-height:20px; border-left:1px solid #444; border-top:1px solid #444; border-right:1px solid #ccc;border-bottom:1px solid #ccc; text-align:left; padding-left:3px; }
/*是全局input样式*/
input.checkbox{border:none; padding-left:0;height:auto;line-height:auto;}
</style>
</head>

<body>
<input class="test" type="text" />
<br />
<br />
<input name="" type="checkbox" value="" class="checkbox" />
</body>
</html>



我设置了全局input样式的边框...之后
其它地方用到复选框时...IE的复选框已经不是我想要的样子了,对比一下,原样就会发现
可是当我尝试着还原复选框的原样,,却发现怎么也搞不定

跪求

作者: jayhkw   发布时间: 2011-12-22

你的代码,我测试了ie7,8,9,firefox9.0,chrome16.0 都是正常的。

也就是你的代码是没有问题的。

作者: yusongkun   发布时间: 2011-12-22

HTML code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>checkbox</title>
</head>

<body>
<input name="" type="checkbox" value="" />
</body>
</html>


这样的复选框才是我要的样式。。哎

作者: jayhkw   发布时间: 2011-12-22

没人能明白吗

作者: jayhkw   发布时间: 2011-12-22