码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-05-21 10:33:03      阅读:2759      评论:0      收藏:0      [点我收藏+]

标签:生成   https   获取   用户   简单   col   mini   xxx   code   

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

<button class="btn btn" open-type="getUserInfo" @getuserinfo="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;
}

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

标签:生成   https   获取   用户   简单   col   mini   xxx   code   

原文地址:https://www.cnblogs.com/94pm/p/9065629.html

(1)
(12)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!