在使用<input type='submit'>的時(shí)候，如果我們不把border寫(xiě)成none或者0的話，在IE7，IE6下是會(huì)默認(rèn)出現(xiàn)黑色的邊框的。就算我們把邊框定義成其他顏色，它還是會(huì)出現(xiàn)一條黑色的邊框，無(wú)論css怎么寫(xiě)都解決不了這個(gè)問(wèn)題。

如這個(gè)糾結(jié)的圖：

這個(gè)時(shí)候我們可以利用label的特性來(lái)解決這個(gè)問(wèn)題。

一、 label有個(gè)for屬性，可以指定到某一個(gè)input里面，觸發(fā)label的時(shí)候可以觸發(fā)對(duì)應(yīng)的input。

二、 也可以把input元素包在label元素內(nèi)部，這樣同樣可以一并觸發(fā)。

就是利用這個(gè)屬性 ，我們來(lái)解決這個(gè)submit按鈕黑色邊框的問(wèn)題。

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

再設(shè)置 submit的border為0或者none，邊框的話設(shè)置在label上就可以達(dá)到我們想要的效果啦！！！！

老規(guī)矩：

前端愛(ài)好者們約定，閱讀后：

if（‘覺(jué)得有用’）

｛

分享（‘I get it！’）;

｝

else if（‘已了解’）

｛

分享（‘a(chǎn) piece of cake！’）;

｝

else if('看不懂')

{

回復(fù)小編（'help me!'）;

}

圖片來(lái)源于網(wǎng)絡(luò)--------

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。