How to modify the style when el-checkbox is selected in ElementUI.

clipboard.png
want to change the selected color to red as shown in the figure. The
code is as follows

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

it doesn"t seem to work to get rid of scoped. I can"t change it all the time

Dec.16,2021

any style can be changed


through the css file in element UI.


write your own style to override the style of element


specifically, you can post your vue code
A simple analysis should be that the nesting of the element-ui you quote should lead to
you can try to solve the problem with / deep/

.
Menu