ElementUI 中的el-checkbox 选中后的样式如何修改。

Question

如图所示想将这个选中后的颜色改为红色，
代码如下

<style scoped>
.el-checkbox__input.is-checked >>> el-checkbox__inner{
    background-color: red;
    border-color: red;
}
</style>

去掉 scoped好像也不行。始终改不过来

Answer 1

通过element UI 中的css 文件大致上修改过来了。

Answer 2

只要权重够, 什么样式都能改

Answer 3

写自己的想要的样式覆盖element的样式

Answer 4

具体可以贴一下你的vue代码
简单分析应该是你引用的element-ui 嵌套导致
可以尝试用/deep/ 解决