【转】ionic的bar-header移除底部边框
2017-05-08 19:58
513 查看
在开发的时候想要达到这样的效果
,可是bar-header自带的border-bottom十分讨厌,想要去除,奈何border:none都不管用,最后还是从网上找到了解决方案
原答案出处:http://stackoverflow.com/questions/27123773/remove-border-bottom-in-ion-header
方法一:添加到自定义css
.bar-header {
}
background-image: none !important ;
border-bottom: none !impotant; 关键是这两个属性要加!important
个人感觉增加了!important
方法二:
.bar {
}但是这个如果是在 Chrome浏览器pc界面调试的时候会有 底部边框border-bottom,但是都是做混合app开发,也不会有什么影响
,可是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开发,也不会有什么影响
相关文章推荐
- ionic 头部指令ion-header-bar标题没有居中对齐
- ionic 的ion-header-bar隐藏
- Ionic ion-header-bar、bar-subheader、ion-tabs
- ionic之底部bar-footer
- Android Gallery用法(自定义边框+底部小圆点)
- iSO searchbar的边框线消除
- ionic的底部标签加文字显示
- Android BottomNavigationBar底部导航控制器的使用1
- Navigation-bar 一个简单方便的底部导航栏模版
- [置顶] ionic2/ionic3自由隐藏底部tab栏---让ionic3自己解决!手把手教程
- ionic之样式bar-light
- ionic之样式bar-balanced
- UISearchBar 去掉灰色边框
- ios7 下设置UISearchBar背景 去除底部线条
- Andoid - 开发实例(6):动画实例之实现Google+滑动Listview让底部bar隐藏
- 微信小程序:topBar底部选择栏
- ionic中index.html页面中有ion-nav-bar时如何加二级标题栏
- 给textview设置四周边框和底部边框
- Android 开发之BottomBar+ViewPager+Fragment实现炫酷的底部导航效果
- 快乐学习 Ionic Framework+PhoneGap 手册1-2{介绍Header,Content,Footer的使用}