微信小程序 button 自定义失效

转自https://www.cnblogs.com/fightjianxian/p/13786328.html

方法1.

样式中加入!important，即：width: 100% !important;

wxss代码示例

.login-btn {
    font-size: 16px;
    width: 100% !important;
    font-weight: 400;
    color: #fff;
    border-radius: 4px;
    border:1px solid rgba(254,50,50,1);
    background:linear-gradient(180deg,rgba(241,94,94,1) 0%,rgba(222,62,62,1) 100%);
}

wxml代码示例：

<button class="login-btn" bindclick="login">登录</button>

方法2.

标签内，使用style

wxml代码示例：

<button class="login-btn" bindclick="login" style="width:100%">登录</button>

方法3.

删除app.json的配置"style": “v2”，不过这个不推荐