小程序的button无法去掉边框的问题处理方法

[复制链接]
查看: 22|回复: 0
  • TA的每日心情
    慵懒
    2018-4-28 09:37
  • 1459

    主题

    1479

    帖子

    11万

    积分

    管理员

    小语

    Rank: 9Rank: 9Rank: 9

    积分
    110351
    发表于 2018-3-23 09:58:49 | 显示全部楼层 |阅读模式
    小程序的button控件上下有一条淡灰色的边框,在空件上加上了样式 bordernone/0); 都没办法让button上下的的边框隐藏:

    原来是因为小程序的button控件上有一个伪元素(::after),继而发现这元素上有一个border属性,默认为 border:1px solid rgba(0, 0, 0, 0.2),虽然显示被划线,但功能在执行(钩钩打上了) 具体如图:(调试的样式列表往下拉最后)
    所以问题解决了,border:none属性不是没效果,是被button::after 给覆盖了,只要把button::after 的border 属性去掉就可以了,具体代码如下:
    • /*去掉按钮边框*/
    •   
    • button[class="btn"]::after {
    •   border: 0;
    • }  
    这样就能去掉button的边框了


    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    精选推荐

    在线客服
    热线电话

    微信公众账号
    返回顶部 关注微信 下载APP 返回列表