微信小程序实现图片按钮

<button class="img-button" open-type="getUserInfo" plain bindgetuserinfo="goToAddhabit">

       <image  src='/images/add.png' ></image>

</button>

.img-button{

  padding: 0;

  border: none;

}


button设为透明：plain=’true’  直接写plain就可以

button的padding设为：0，border设为：none


搞定。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 28,078评论 1赞 45
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1赞 92
  • 50 个便于使用的 CSS2/CSS3 代码片段
    这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存...
    JamHsiao_aaa4阅读 5,151评论 0赞 3
  • 网络技术与应用
    HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的，因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,716评论 0赞 0
  • 炎炎夏日，突降甘霖
    稀稀落落的夏日雨滴，给炎炎夏日带来一丝清凉，走在林间，享受着大自然的美！
    聽見夏雨的聲音阅读 3,258评论 5赞 9