IE里button設(shè)置border:none屬性無效解決方法
更新時(shí)間：2013年11月14日 16:19:39 作者：
本文說明了IE設(shè)置border:none屬性無效的解決方法，下面給出了二種方法，可以根據(jù)情況參考使用
某個(gè)元素設(shè)置無邊框，只需要給元素設(shè)置border:none即可，當(dāng)然設(shè)置border:0效果一樣，但實(shí)際上兩者是有性能差別的
border:none：邊框設(shè)置為為none，不做任何處理；
border:0：邊框?qū)挾仍O(shè)置為0像素，但是實(shí)際上border-color和border-style還是在渲染的。
然而在IE中，對于button和input元素確并不是這樣,在IE6，7中border:none僅等價(jià)于border-style:none,而邊框所占的空間還是在的。這導(dǎo)致了調(diào)input的寬度和高度在各個(gè)瀏覽器中不統(tǒng)一！在IE6，7中，雖然設(shè)置了border:none后，邊框仍存在。不信你試一試。
下面給出解決方法：
第一種方法：
border:0 none;
第二種方法：
給button加個(gè)背景顏色
button{
background:#fff;
}
復(fù)制代碼 代碼如下:
border:none：邊框設(shè)置為為none，不做任何處理；
border:0：邊框?qū)挾仍O(shè)置為0像素，但是實(shí)際上border-color和border-style還是在渲染的。
然而在IE中，對于button和input元素確并不是這樣,在IE6，7中border:none僅等價(jià)于border-style:none,而邊框所占的空間還是在的。這導(dǎo)致了調(diào)input的寬度和高度在各個(gè)瀏覽器中不統(tǒng)一！在IE6，7中，雖然設(shè)置了border:none后，邊框仍存在。不信你試一試。
下面給出解決方法：
第一種方法：
復(fù)制代碼 代碼如下:
border:0 none;
第二種方法：
給button加個(gè)背景顏色
復(fù)制代碼 代碼如下:
button{
background:#fff;
}
相關(guān)文章
javascript代碼規(guī)范，大家可以參考下，以便寫出更利于閱讀的代碼。2011-11-11
網(wǎng)站的http狀態(tài)對于網(wǎng)站維護(hù)人員來說是相當(dāng)重要的，當(dāng)網(wǎng)站出現(xiàn)問題的時(shí)候，我們首先要診斷一下網(wǎng)站的http狀態(tài)，從而進(jìn)一步確認(rèn)哪里出現(xiàn)的問題2007-02-02
前端獲取http狀態(tài)碼400的返回值實(shí)例
下面小編就為大家?guī)硪黄岸双@取http狀態(tài)碼400的返回值實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
為什么要建立web標(biāo)準(zhǔn)與web標(biāo)準(zhǔn)的好處
為什么要建立web標(biāo)準(zhǔn)與web標(biāo)準(zhǔn)的好處...2007-03-03
第6天:XHTML代碼規(guī)范...2006-12-12
這篇文章介紹了css3溢出隱藏的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-12-12
我們在CSS中都會(huì)使用margin，但將margin設(shè)置成負(fù)數(shù)，那可能就不大好處理了，margin負(fù)值并非hack，margin負(fù)值遵循文檔流；假如使用margin負(fù)值促使一個(gè)元素向上位移，那么相關(guān)元素也會(huì)隨之發(fā)生位移；margin負(fù)值能良好兼容各瀏覽器。2017-02-02
有三種方法應(yīng)用CSS2008-08-08
HTML的全局架構(gòu)標(biāo)簽...2007-02-02
解決CSS中 display 與 visibility 的區(qū)別
查CSS手冊后發(fā)現(xiàn)了隱藏內(nèi)容原來是有區(qū)別的，一種是保留對象的物理空間，一種是不保留2007-03-03