更改element-UI按鈕默認樣式

以warning爲例，

想更改其默認樣式

咱們能夠經過chrome的審查，看看el-button--warning有那些樣式，然把其樣式複製出來，更改成本身想要的

稍微動手嘗試下就能夠發現只要改3個地方就能夠了

1.是頁面加載後的樣式

2.是鼠標懸停樣式

3.是點擊按鈕以後的樣式

代碼以下

    /* 更改element-UI按鈕樣式 */
  .el-button--warning {
    color: #fff;
    background-color: #FC813B;
    border-color: #FC813B;
  }
  .el-button--warning:hover{
    background-color: #EF9E6F;
    border-color: #EF9E6F;  
  }
  .el-button--warning:focus{
    background-color: #EF9E6F;
    border-color: #EF9E6F;  
  }

 不過我以爲最好的辦法是本身封裝個按鈕組件，我這裏是偷懶寫法