在使用<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!'）;

}

圖片來源于網絡--------

總結

以上是生活随笔為你收集整理的IE6/7兼容问题：巧用label去除submit按钮的黑框线的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。