之前用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;

}

總結

以上是生活随笔為你收集整理的vue按钮字体大小设置_vue-elementui之按钮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。