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)文章
css實(shí)現(xiàn)三角形，網(wǎng)上講了很多，但我發(fā)現(xiàn)一般都是三角向上或者向下的，向左向右這兩方向似乎講得很少，本人試了一下，發(fā)現(xiàn)原來在IE下很難搞~~(萬惡的IE)...2014-09-09
HTML的全局架構(gòu)標(biāo)簽...2007-02-02
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
大部分人同樣也會(huì)在寫css的過程中產(chǎn)生很多困惑，比如為什么自己寫的某段css沒有生效，或者呈現(xiàn)出的樣式和預(yù)計(jì)的不同，但又不知道要如何解決。下面小編來和大家一起學(xué)習(xí)CSS的優(yōu)先級2019-05-05
第4天:調(diào)用樣式表...2006-12-12
這篇文章主要介紹了CSS清除浮動(dòng)匯總的相關(guān)資料,需要的朋友可以參考下2017-02-02
無邊框用border:none還是border:0一直都是一個(gè)熱議的問題，兩者除了在渲染性能上面的差別以為，在標(biāo)準(zhǔn)瀏覽器中頁面表現(xiàn)是沒有任何差別的。下面一起認(rèn)識一下它們本質(zhì)的區(qū)別2013-11-11
這篇文章主要介紹了新的HTML標(biāo)簽<search>詳解的相關(guān)資料,需要的朋友可以參考下2023-06-06
本文對HTML基本語法和語義進(jìn)行了整理與實(shí)例，需要的朋友可以參考下2017-04-04
有三種方法應(yīng)用CSS2008-08-08