ionic的bar-header移除底部邊框

在開發(fā)的時(shí)候想要達(dá)到

這樣的效果，可是bar-header自帶的border-bottom十分討厭，想要去除，奈何border：none都不管用，最后還是從網(wǎng)上找到了解決方案

方法一：添加到自定義css

.bar-header {

border:0px!important;

border-bottom-color: transparent !important;

background-image: none !important;

border-bottom: none !important;

}

background-image: none !important ;

border-bottom: none !impotant;? 關(guān)鍵是這兩個(gè)屬性要加！important

個(gè)人感覺增加了！important

方法二：

.bar{

background-size:100%0px;

}

但是這個(gè)如果是在 Chrome瀏覽器pc界面調(diào)試的時(shí)候會有 底部邊框border-bottom，但是都是做混合app開發(fā)，也不會有什么影響

原答案出處：http://stackoverflow.com/questions/27123773/remove-border-bottom-in-ion-header

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容