最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】小程序中去掉按钮的边框

程序 crifan 1047浏览 0评论
之前在web端实现了不显示按钮的边框:
现在在小程序端,用同样配置:
background-color: transparent;
border-color: transparent;
结果button却还是有边框:
现在想要去掉按钮的边框。
试了:
border: none;
没用。

小程序 按钮 去掉边框
微信小程序-button组件去掉圆角和边框 – 黑豆无糖 – 博客园
微信小程序 —— button按钮去除border边框 – Wu_shuxuan的博客 – CSDN博客
【总结】
正常button:
border: none;
而小程序,自己擅自加上了:
button::after{

}
注意:此处小程序IDE中的css部分,是看不到这个配置的:
所以去给当前button加上::after的border为none:
detail.wxss
.detail_expand_fold{
...
  background-color: transparent;
  border-color: transparent;
  border: none;
}

.detail_expand_fold::after{
  border: none;
}
即可去掉按钮边框:

转载请注明:在路上 » 【已解决】小程序中去掉按钮的边框

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
80 queries in 0.186 seconds, using 22.13MB memory