如果只是争对某一个页面的这个复选框进行修改样式的话,就写在组件里面的style,并且在scoped,因为加了scoped,我们修改element ui默认样式需要加上前缀/deep/,避免影响其他组件的样式。<style scoped> /deep/.el-checkbox__input.is-checked .el-checkbox__inner { background-color: #fff; border-color: #ddd; } /deep/.el-checkbox__inner:after { border-color: #409eff; } </style>如果你想要修改全局的复选框样式,那么就直接写在全局样式表里, 无需加deep前缀。
如果只是争对某一个页面的这个复选框进行修改样式的话,就写在组件里面的
style
,并且在scoped
,因为加了scoped,我们修改element ui默认样式需要加上前缀/deep/
,避免影响其他组件的样式。如果你想要修改全局的复选框样式,那么就直接写在全局样式表里, 无需加
deep
前缀。