小程序如何去掉button组件的边框

最新推荐文章于 2023-12-18 17:38:23 发布

weixin_30514745

最新推荐文章于 2023-12-18 17:38:23 发布

阅读量135

点赞数

原文链接：http://www.cnblogs.com/94pm/p/9065629.html

版权

小程序获取用户授权不再支持wx.getUserInfo方法，改为用button获取，格式如下

问题是我不想用button，我想用个图片是否可以呢？一开始我直接用<image src='xxx' open-type="getUserInfo" @getuserinfo="getUserInfo"/>，结果无效，应使用下面的方法

 <button class="btn"  open-type="getUserInfo" @getuserinfo="getUserInfo">
     <image src="../images/login.png"/>
</button>

如了，这下变成按钮图片了，但是图片周围的边框是什么鬼

去掉边框还不简单吗，写个border:none的样式不就好了，你可以试试有效果没有

.btn{
   border:none
}

最终发现button的边框是通过伪元素生成的，写成下列代码才行

button::after{

border:none;

}

转载于:https://www.cnblogs.com/94pm/p/9065629.html

关注