IE6/7下多种方法移除button、input 默认边框和去掉焦点线
发布时间:2016-12-27 来源:查字典编辑
摘要:一、去掉边框:看看基本的HTML:通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上...
一、去掉边框:
看看基本的HTML:
<div>
<input type="text">
<input type="submit" value="submit">
<input type="button" value="提交">
<div>
通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认样式都去除掉。
实现方式一:设置CSS:
<style type="text/css">
input{margin:0;padding:0;}
.wrap{background-color:#0f0;}
.input_txt,.input_btn{border:0 none;}
</style>
实现方式二:设置CSS,并使用滤镜:
<>
此种方式貌似会有点问题!待在真实IE7环境中验证。
二、去掉焦点线:
<style type="text/css">
a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur());}
</style>