Element UI el-switch 组件图标颜色修改指南

修改 el-switch 组件图标颜色

要修改 el-switch 的图标颜色，可以通过自定义样式来实现。可以在 style 标签中添加以下样式来修改图标的颜色：css .el-switch .el-switch__core .el-switch__icon { color: #ff0000; /* 设置你想要的图标颜色 */ }

在上述代码中，将 `color` 属性的值设置为你想要的图标颜色。可以将这段样式代码添加到你的组件的样式中，或者添加到全局的样式中，以达到修改所有 el-switch 组件的图标颜色的效果。

**示例：**vue
<template>
  <el-switch v-model="valuebg" class="ml-2" style="--el-switch-on-color: #f1f1f1; --el-switch-off-color: #141414"
    size="large" inline-prompt :active-icon="Sunrise" :inactive-icon="MoonNight" />
</template>
<style>
.el-switch .el-switch__core .el-switch__icon {
  color: #ff0000; /* 设置你想要的图标颜色 */
}
</style>

通过以上方法，你可以轻松地修改 el-switch 组件的图标颜色，使其与你的应用风格相一致。