IE6/7兼容问题：巧用label去除submit按钮的黑框线

在使用<input type='submit'>的时候，如果我们不把border写成none或者0的话，在IE7，IE6下是会默认出现黑色的边框的。就算我们把边框定义成其他颜色，它还是会出现一条黑色的边框，无论css怎么写都解决不了这个问题。

如这个纠结的图：

这个时候我们可以利用label的特性来解决这个问题。

一、 label有个for属性，可以指定到某一个input里面，触发label的时候可以触发对应的input。

二、 也可以把input元素包在label元素内部，这样同样可以一并触发。

就是利用这个属性 ，我们来解决这个submit按钮黑色边框的问题。

<label><input type='submit'></label>

再设置 submit的border为0或者none，边框的话设置在label上就可以达到我们想要的效果啦！！！！

老规矩：

前端爱好者们约定，阅读后：

if（‘觉得有用’）

｛

分享（‘I get it！’）;

｝

else if（‘已了解’）

｛

分享（‘a piece of cake！’）;

｝

else if('看不懂')

{

回复小编（'help me!'）;

}

图片来源于网络--------