修改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
网友评论