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

写于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>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容