【转】ionic的bar-header移除底部边框
来源:互联网 发布:mui案例源码下载 编辑:程序博客网 时间:2024/06/01 11:18
在开发的时候想要达到这样的效果,可是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开发,也不会有什么影响
0 0
- 【转】ionic的bar-header移除底部边框
- ionic 的ion-header-bar隐藏
- ionic之底部bar-footer
- UILabel: 如何可以更改除底部外的所有边框?
- Ionic ion-header-bar、bar-subheader、ion-tabs
- 移除MVC相关的Header
- ionic 头部指令ion-header-bar标题没有居中对齐
- 隐藏底部的tab bar
- WordPress 技巧:移除 Admin Bar 上的 WordPress Logo
- ionic的header颜色设置
- ionic的header颜色设置
- ionic 列表选项的移动和移除
- ionic 隐藏action bar的返回按钮
- 汇总ionic 安卓底部tabs footer-bar 被键盘弹起解决方法
- ionic的底部标签加文字显示
- ionic使用记录-----.bar
- Word文档用代码移除Header
- boonex破解,移除底部版权
- Problem C: 数量的类模板
- [C++]条件编译——#if #ifdef 的作用
- 做项目遇到的种种问题
- Java基础——内部类
- ECSHOP数据库清空 小京东数据库清空
- 【转】ionic的bar-header移除底部边框
- Spring对Controller、Service、Dao进行Junit单元测试总结
- UVa202
- Problem D: 线性表的基本操作
- Spring AOP实现方式
- 新手写LinuxI2C驱动程序
- Android中图片加载框架Picasso的使用
- Android 官网Train阅读记录——4
- 剑指Offer面试题16 & Leetcode206