好久沒(méi)有處理過(guò)IE6下的兼容問(wèn)題了，今天有朋友碰到過(guò)input[type="submit"]和button[type="submit"]在IE6-7下會(huì)出現(xiàn)黑邊，就算是你在樣式中重置了一個(gè)border屬性也是如此。真是蛋疼的很。后來(lái)經(jīng)過(guò)查找相關(guān)的資料，終于找到了解決方法，放上來(lái)與大家分享一下，這個(gè)問(wèn)題有可能不只一個(gè)人會(huì)碰到。(^_^)

在介紹如何處理這個(gè)bug之間我們一起來(lái)回顧一下，在IE6-7下，input[type="submit"]和button[type="submit"]存在的問(wèn)題還不僅是這個(gè)，常見(jiàn)的有：button在IE67下的寬度兼容問(wèn)題、button的行高問(wèn)題（各瀏覽器下解析不一樣）、button的outline問(wèn)題，甚至submit在ios下也存在問(wèn)題。這么多煩人的事，苦逼了前端人員。今天就在為大家增加一個(gè)問(wèn)題的解決方案——如何去除IE67下按鈕的黑邊框

問(wèn)題是這樣的，你的登錄表單中有一個(gè)登錄按鈕，當(dāng)?shù)卿洶粹o得到焦點(diǎn)，并且消失焦點(diǎn)后，登錄按鈕會(huì)有一個(gè)1px的黑色邊框，這樣直接影響了頁(yè)面的效果，但是這樣的問(wèn)題是怎么來(lái)的，我也不知道（希望有知道朋友能幫忙解釋一下）。而且這樣的bug將出現(xiàn)在下面兩個(gè)元素上：

button按鈕使用了【type="submit"】會(huì)產(chǎn)生這樣的bug;input使用了【type="submit"】也會(huì)產(chǎn)生這樣的bug。

一起來(lái)看這個(gè)問(wèn)題的截圖：

要解決這樣的bug最好的方法就是在button和input的標(biāo)簽外添加一個(gè)標(biāo)簽，然后將樣式寫(xiě)在這個(gè)標(biāo)簽上，并且把button和input的默認(rèn)樣式都去除掉，相信不少同學(xué)是這樣使用的，簡(jiǎn)單了事。但有的情況下我們是無(wú)法為這兩個(gè)元素添加標(biāo)簽的，那么我們就需要?jiǎng)e的方法來(lái)解決。

正常的解決方案是沒(méi)了，只有使用濾鏡來(lái)解決：

就是這么一句代碼，把黑色邊框去掉了。

順便介紹一個(gè)IE6-7解決焦點(diǎn)點(diǎn)狀線去除的技巧，我們有時(shí)候在ie6-7下使用