IE6/7下多种方法移除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，并使用滤镜： 复制代码代码如下: !--[if IE] style type='text/css' input{margin:0;padding:0;filter:chroma(color=#000000);border:none; } .wrap{background-color:#0f0;} /style ![endif]-- 此种方式貌似会有点问题！待在真实IE7环境中验证。 二、去掉焦点线： 复制代码代码如下: style type='text/css' a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur());} /style