Vue使用 element UI 修改checkbox的默認顏色

eleme默認的顏色的#409EFF 類藍色的顏色，官方文檔中是沒有關於如何修改選中以及hover樣式的。那麼該怎麼修改呢？

默認樣式:
修改時，審查到CheckBox元素，獲取到class名，進行修改。

css代碼如下：

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
border-color: #F32823 !important;
background-color: #F32823 !important;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
color: #F32823 !important;
}
.el-checkbox__inner:hover{
border-color: #F32823 !important;
}
.el-checkbox__input.is-focus .el-checkbox__inner {
border-color: #F32823 !important;
}

註釋：不要在加註scoped的style標籤中進行修改。（不需要加scoped）