开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >微信小程序 button 组件去除黑边

微信小程序 button 组件去除黑边

作者头像

w候人兮猗

发布于 2020-07-01 17:27:38

发布于 2020-07-01 17:27:38

1.6K0

举报

文章被收录于专栏：w候人兮猗的博客w候人兮猗的博客

关于

继昨天写的微信小程序左滑删功能之后之后，今天打算分享几个微信小程序编写过程中遇到的样式问题

正文

button组件，有的时候需要自定义分享按钮这时候需要使用<button open-type="share" >调整些许样式之后发现会有一个黑色边框去不掉

.btn{
    border:none; //使用border:none 发现并没有任何作用
}
.btn::after{
    border:none; //黑色边框去掉了
}
//总结 微信自带的组件很多样式都是通过伪元素实现的
//补充：::after ::before 叫伪元素  :hover :active...叫伪类

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019年4月26日，如有侵权请联系 cloudcommunity@tencent.com 删除

目录

正文