修改ele ui css 样式的话应该首先在浏览控制台找出要修改的元素
选中后input和绑定内容的样色,背景色,鼠标hover的边框色等等 ,具体的根据自己的实际情况来修改~
重新写的样式不能写在scoped的style里面,放scoped里面的话修改无效!
所以我是重新放在一块 style 标签里了
<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>