el-checkbox 样式修改

可以通过以下几种方式来修改 el-checkbox 的样式：

1. 使用内置的样式类：el-checkbox 有一些内置的样式类，可以通过添加这些样式类来修改它的样式。例如，可以添加 el-checkbox--border 类来给 el-checkbox 加上边框：

<el-checkbox class="el-checkbox--border">选项</el-checkbox>

2. 使用 scoped 样式：如果你使用了 scoped 样式，可以在样式中使用 /deep/ 或者 >>> 来穿透 el-checkbox 的作用域，然后修改它的样式。例如，可以使用以下样式来修改 el-checkbox 的背景色：

<style scoped>
/deep/ .el-checkbox__input {
  background-color: #f0f0f0;
}
</style>

3. 使用全局样式：如果你不使用 scoped 样式，可以直接在全局样式中修改 el-checkbox 的样式。例如，可以使用以下样式来修改 el-checkbox 的选中状态的颜色：

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #42b983;
}

以上三种方式都可以直接在 el-checkbox 中使用。如果你想修改全局的 el-checkbox 样式，可以使用以下方式：

1. 在全局样式中直接修改 el-checkbox 的样式：

.el-checkbox__input {
  border-radius: 4px;
  border: 1px solid #dcdfe6;
}

2. 通过修改主题样式来修改 el-checkbox 的样式：

// 修改主题样式
$--checkbox-border-color-checked: #42b983;

// 在 el-checkbox 中使用
<el-checkbox class="el-checkbox--border">选项</el-checkbox>

以上是 el-checkbox 样式修改的一些常用方式，你可以根据自己的需求来选择合适的方式。