微信小程序去除按钮边框

为啥要说按钮去边框呢,是在写微信小程序的时候,经常会遇见作一个分享按钮,或者做一个切换头像的功能,而这些功能需要调微信的api,而最难受的问题出现了,这些api必须使用<buttion>标签来做,但是微信的<buttion>标签有太多默认样式啦!!!!但往往都是需要根据原型图来作样式,所以需要去除按钮的那些默认样式。

大多数人会想到这些:

border:none;//去除边框
background: none; //去除按钮默认背景色
padding:0;//去除默认内边距

写完这些你会发现,一个很规则的边框在哪里!!!

所以废话不多说,直接上解决方案:

<button style="border: none; padding: 0; " plain="true" open-type="chooseAvatar"></button>

最重要的就是加 plain="true" 这个属性 这个属性可以让按钮镂空,这样再写border:none,就可以去除了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值