IE裡button設定border:none屬性無效解法_基礎教學課程

某個元素設定無邊框，只需要給元素設定border:none即可，當然設定border:0效果一樣，但其實兩者是有效能差異的

複製程式碼 span> 程式碼如下:

border:none：邊框設定為none，不做任何處理；
border:0：邊框寬度設定為0像素，但是實際上border-color和border-style還是在渲染的。

然而在IE中，對於button和input元素確並不是這樣,在IE6，7中border:none僅等價於border-style:none,而邊框所佔的空間還是在的。這導致了調input的寬度和高度在各個瀏覽器中不統一！在IE6，7中，雖然設定了border:none後，邊框仍存在。不信你試試看。
以下給出解決方法：
第一種方法：

複製程式碼 程式碼如下:

border:0 none;

第二種方法：
為button加個背景顏色

複製程式碼 程式碼如下:

button{
background:#fff;
}