资讯专栏INFORMATION COLUMN

【转】ionic的bar-header移除底部边框

Sike / 1169人阅读

摘要:在开发的时候想要达到这样的效果,可是自带的十分讨厌,想要去除,奈何都不管用,最后还是从网上找到了解决方案原答案出处方法一添加到自定义关键是这两个属性要加个人感觉增加了方法二但是这个如果是在浏览器界面调试的时候会有底部边框

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

原答案出处:http://stackoverflow.com/ques...
方法一:添加到自定义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开发,也不会有什么影响

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82611.html

相关文章

  • ioniccheckbox分析

    摘要:之前分析了一个原生的,趁热打铁分析的自带定义了一个父节点。此元素会被显示为内联元素,元素前后没有换行符。子节点让元素的子节点像元素一样。综上,只是给了一个边框的效果。子节点这个就是那个后显示的对号。 之前分析了一个原生的checkbox,趁热打铁分析ionic的自带checkbox. html check showImg(https://segmentfault.com/img...

    booster 评论0 收藏0
  • ioniccheckbox分析

    摘要:之前分析了一个原生的,趁热打铁分析的自带定义了一个父节点。此元素会被显示为内联元素,元素前后没有换行符。子节点让元素的子节点像元素一样。综上,只是给了一个边框的效果。子节点这个就是那个后显示的对号。 之前分析了一个原生的checkbox,趁热打铁分析ionic的自带checkbox. html check showImg(https://segmentfault.com/img...

    null1145 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<