Vue el-checkbox 复选框 样式修改

修改ele ui css 样式的话应该首先在浏览控制台找出要修改的元素

控制台找元素.png

选中后input和绑定内容的样色，背景色，鼠标hover的边框色等等 ，具体的根据自己的实际情况来修改~

重新写的样式不能写在scoped的style里面，放scoped里面的话修改无效！
所以我是重新放在一块 style 标签里了

控制台找元素.png

<style>
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color:#909399;
  border-color: #909399;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #909399;
}
.el-checkbox.is-bordered.is-checked{
  border-color: #909399;
}
.el-checkbox__input.is-focus .el-checkbox__inner{
  border-color:  #909399;
}
</style>

修改后.png