input，button制作按钮IE6，IE7点击时1px黑边框的解决方法

按钮在IE6中点击时1px黑边框的最常见的解决方法

首先设置按钮为none，然后在按钮外面套一层来实现边框的效果，部分代码如下

.btnbox{ border:solid 1px red;}

.btn{ border:none;}

<span class="btnbox"><input class="btn" type="button" value="按钮"></span>

 

第二种办法通过滤镜

input { filter:chroma(color=#000000); }

 

注：因为ietest中没有滤镜功能，所以不能在这个软件里测试效果