某個元素設定無邊框,只需要給元素設定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;
}