返回旧版| 微信建站| 我要建站 | 建站学习 | 加入收藏
小程序当前位置:首页 > cms教程 > 小程序 > 正文

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

发布时间:2018-03-03 18:59:38   来源:   点击:
小程序的button控件上下有一条淡灰色的边框,在空件上加上了样式 border:(none/0); 都没办法让button上下的的边框隐藏:

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

版权所有:郑州腾石网络科技有限公司 备案信息:豫ICP备18019117号
站长QQ:2863868475 业务合作咨询:15137100750(同微信)
本站所有投放的广告是有其他网站提供,不代表本站立场,同时网站首页广告位对外出租详情咨询本站站长!同时欢迎广大站长加入个人建站团队
  • 建站客服
  • CMS仿站
  • CMS学习
  • 技术交流群:336572814