首页 > 代码库 > input,button制作按钮IE6,IE7点击时1px黑边框的解决方法

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中没有滤镜功能,所以不能在这个软件里测试效果

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