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;

}