ionic的bar-header移除底部边框

在开发的时候想要达到

这样的效果，可是bar-header自带的border-bottom十分讨厌，想要去除，奈何border：none都不管用，最后还是从网上找到了解决方案

方法一：添加到自定义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;  关键是这两个属性要加！important

个人感觉增加了！important

方法二：

.bar{

background-size:100%0px;

}

但是这个如果是在 Chrome浏览器pc界面调试的时候会有 底部边框border-bottom，但是都是做混合app开发，也不会有什么影响

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容