为啥要说按钮去边框呢,是在写微信小程序的时候,经常会遇见作一个分享按钮,或者做一个切换头像的功能,而这些功能需要调微信的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,就可以去除了