vue按钮字体大小设置_vue-elementui之按钮

之前用element-UI的按钮想做登录注册的弹框，结果修改按钮大小后字体老是还在原位。导致看起来按钮框和字体完全是分离的，用了很多css样式属性都没有解决。最后是右键检查找到本身选框的样式属性，然后在自己的样式里复写一遍就解决了。我的覆写代码和效果如下

.el-button.is-round {

border-radius: 20px;

padding: 0rem;

}

.el-button {

display: inline-block;

white-space: nowrap;

cursor: pointer;

background: #fff;

border: 1px solid #dcdfe6;

color: #2277aa;

-webkit-appearance: none;

box-sizing: border-box;

outline: 0;

margin: 0;

transition: 0.1s;

font-weight: 500;

font-size: 14px;

border-radius: 4px;

}

.login {

height: 1.5rem;

width: 4.5rem;

margin-top: 0.6rem;

}