IE6/7下多种多样方式移除button、input 默认设置边框

日期:2021-01-20 类型:科技新闻 

关键词:如何织梦建站,如何创建网站,网站建立,公众号搭建,网站建站的

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>