IE裡button設置border:none屬性無效解決方法

 本文說明了IE設置border:none屬性無效的解決方法，下面給出了二種方法，可以根據情況參考使用

某個元素設置無邊框，只需要給元素設置border:none即可，當然設置border:0效果一樣，但實際上兩者是有性能差別的  代碼如下: 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; }