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)容