收藏
回答

微信小程序:怎样设置button按钮样式?

补充:这是关于微信小程序的button问题

现在想要一个自己制作的样式按钮,用作分享功能,分享功能按钮又只能用内置button,现在要怎样调整成自己想要的效果呢?

按钮代码 <button class="foot_mini_btntype="default"  plain='trueopen-type='share'><text class="foot_but_invite"  >  立即邀请text>button>

foot_mini_btn 在样式文件中无论我怎样改就是没有效果。

.foot_mini_btn{

  margin-right: 10rpx;

  width:50%;

  color: #4eb9f7;

}

.foot_mini_btn::after {

  border: 0;

}

无论怎样加样式去改变就是没有效果  各路大神都是怎样做的?
最后一次编辑于  05-27
回答关注问题邀请回答
收藏

3 个回答

  • Believer
    Believer
    07-13

    给button增加plain属性,然后要覆盖的样式后面加! important 有效!

    07-13
    有用 1
    回复
  • 账号已注销
    账号已注销
    05-27

    可以改变这个类名的权重

    1.换用id

    2.用important

    05-27
    有用
    回复 4
    • 笑而不语
      笑而不语
      05-27
      我这边可能没有描述清楚  是关于改微信小程序button样式的
      05-27
      回复
    • 账号已注销
      账号已注销
      05-27回复笑而不语
      小程序支持id选择器和!important,经测试,有效
      05-27
      回复
    • 笑而不语
      笑而不语
      05-27回复账号已注销
      感谢您的回答,后面跟!important,有效果了
      05-27
      回复
    • 账号已注销
      账号已注销
      05-27回复笑而不语
      类名权重不够,例如在button上新添一个类名btn,.btn.foot_mini_btn也可以达到一样的效果
      05-27
      回复
  • 默认²⁰²⁰
    默认²⁰²⁰
    05-27

    1.先清除默认样式 例如 margin、padding等

    2.设置自己需要的样式即可


    05-27
    有用
    回复 7
    查看更多(2)
登录 后发表内容
问题标签