vue-elementui之按钮
2019-07-12 本文已影响0人
小葵饭_七安
之前用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;
}