1、去掉边框: 看看基础的HTML:
<div class="wrap">
<input type="text" class="input_txt">
<input type="submit" value="submit" class="input_btn">
<input type="button" value="递交" class="input_btn">
<div>
一般处理这样的bug最好是的方式便是在button和input的标识外加上1个标识,随后将款式写在这个标识上,而且把button和input的默认设置款式都除去掉。
完成方法1:设定CSS:
<style type="text/css">
input{margin:0;padding:0;}
.wrap{background-color:#0f0;}
.input_txt,.input_btn{border:0 none;}
</style>
完成方法2:设定CSS,并应用滤镜:
<!--[if IE]>
<style type="text/css">
input{margin:0;padding:0;filter:chroma(color=#000000);border:none; }
.wrap{background-color:#0f0;}
</style>
<![endif]-->
此种方法貌似会有点难题!待在真正IE7自然环境中认证。
2、去掉聚焦点线:
<style type="text/css">
a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur());}
</style>