IE里button設(shè)置border:none屬性無效解決方法
更新時間:2013年11月14日 16:19:39 作者:
本文說明了IE設(shè)置border:none屬性無效的解決方法,下面給出了二種方法,可以根據(jù)情況參考使用
某個元素設(shè)置無邊框,只需要給元素設(shè)置border:none即可,當(dāng)然設(shè)置border:0效果一樣,但實際上兩者是有性能差別的
border:none:邊框設(shè)置為為none,不做任何處理;
border:0:邊框?qū)挾仍O(shè)置為0像素,但是實際上border-color和border-style還是在渲染的。
然而在IE中,對于button和input元素確并不是這樣,在IE6,7中border:none僅等價于border-style:none,而邊框所占的空間還是在的。這導(dǎo)致了調(diào)input的寬度和高度在各個瀏覽器中不統(tǒng)一!在IE6,7中,雖然設(shè)置了border:none后,邊框仍存在。不信你試一試。
下面給出解決方法:
第一種方法:
border:0 none;
第二種方法:
給button加個背景顏色
button{
background:#fff;
}
復(fù)制代碼 代碼如下:
border:none:邊框設(shè)置為為none,不做任何處理;
border:0:邊框?qū)挾仍O(shè)置為0像素,但是實際上border-color和border-style還是在渲染的。
然而在IE中,對于button和input元素確并不是這樣,在IE6,7中border:none僅等價于border-style:none,而邊框所占的空間還是在的。這導(dǎo)致了調(diào)input的寬度和高度在各個瀏覽器中不統(tǒng)一!在IE6,7中,雖然設(shè)置了border:none后,邊框仍存在。不信你試一試。
下面給出解決方法:
第一種方法:
復(fù)制代碼 代碼如下:
border:0 none;
第二種方法:
給button加個背景顏色
復(fù)制代碼 代碼如下:
button{
background:#fff;
}
相關(guān)文章
CSS網(wǎng)頁布局入門教程11:帶當(dāng)前標(biāo)識的標(biāo)簽式橫向?qū)Ш綀D片美化版
CSS網(wǎng)頁布局入門教程11:帶當(dāng)前標(biāo)識的標(biāo)簽式橫向?qū)Ш綀D片美化版...2007-09-09