评论

关于小程序开发相关问题解决方案系列一

如何去掉分享按钮的样式

后面我会出 一个系列:关于小程序开发相关问题解决方案系列,具体讲述小程序开发过程中遇到的问题以及解决方案


今天讲第一个问题:如何去掉分享按钮的样式


1、小程序分享由于必须用到button按钮的open-type,所以就自带了button的样式,但是button样式有时候跟小程序整体风格不一致,这个时候,就需要对按钮样式进行改造,这几天翻过社区的几个帖子,最终找到解决方案

具体请参考帖子

https://developers.weixin.qq.com/community/develop/doc/0002ac6bdc88e014c5b92199a5b400

有热心朋友在评论区给了可选方案,可以采用

.share-button,
.contact-button {
  clear: both;
  margin: 0;
  padding: 0;
  box-sizing: inherit;
  text-decoration: none;
  border-radius: 0;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  background: none;
  color: #52b0ff;
  cursor: pointer;
}


.share-button::after,
.contact-button::after {
  border: 0;
  box-shadow: 0;
}

// 我都是这么写的

非常感谢评论席热心观众

最后一次编辑于  2020-05-21  
点赞 0
收藏
评论

1 个评论

  • brave
    brave
    2020-05-21
    .share-button,
    .contact-button {
      clear: both;
      margin: 0;
      padding: 0;
      box-sizing: inherit;
      text-decoration: none;
      border-radius: 0;
      -webkit-tap-highlight-color: transparent;
      overflow: hidden;
      background: none;
      color: #52b0ff;
      cursor: pointer;
    }
    
    
    .share-button::after,
    .contact-button::after {
      border: 0;
      box-shadow: 0;
    }
    
    // 我都是这么写的
    
    2020-05-21
    赞同 2
    回复 3
    • 小肥羊🍊
      小肥羊🍊
      2020-05-21
      你赢了 ,及时雨,非常感谢。
      2020-05-21
      回复
    • brave
      brave
      2020-05-21回复小肥羊🍊
      我记得用opacity好像会有问题但是忘记了
      2020-05-21
      回复
    • 小肥羊🍊
      小肥羊🍊
      2020-05-21
      给你送上大红花💐
      2020-05-21
      回复
登录 后发表内容