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

[复制链接]
查看: 58|回复: 1
  • 慵懒
    2018-4-28 09:37
  • 发表于 2018-3-23 09:58:49 | 显示全部楼层 |阅读模式

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    小程序的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的边框了


    发表于 2018-5-24 18:02:42 | 显示全部楼层
    么有分,谁能送我点积分啊::>_<::
    回复

    使用道具 举报

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

    本版积分规则

     
     
    技术支持
    在线客服
    售后交流群瑞恩社区™售后</font><br><span>交流
    工作时间:
    8:00-18:00
    客服热线:
    15368564009
    微信扫一扫
    返回顶部 关注微信 下载APP 返回列表