在开发的时候想要达到这样的效果,可是bar-header自带的border-bottom十分讨厌,想要去除,奈何border:none都不管用,最后还是从网上找到了解决方案
原答案出处:http://stackoverflow.com/questions/27123773/remove-border-bottom-in-ion-header
方法一:添加到自定义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开发,也不会有什么影响