取消微信小程序中按钮默认样式

写于2022年4月5日

需求：做分享/客服消息等功能时，被点击的UI是张自定义的图片。

已知：微信官方对于功能的实现是采用 button标签 + open-type属性来完成的。

问题：自定义的ui样式，会被小程序的button样式干扰。

方案：给 button 标签添加一个样式，display: contents; 这样会保留button的点击功能，又不会展示button的样式。

实例：

<!-- 客服消息 -->
<button style="display: contents;" open-type="contact">
    <image src="/img/service.png"></image>
</button>