Element UI Switch 组件图标颜色修改指南 - 两种方法轻松实现 - 常规

如何修改到这个switch中的icon的颜色内容：要修改Switch组件中的图标颜色，可以使用以下两种方法： 1. 使用CSS样式：在style标签或样式文件中添加以下样式代码： css .el-switch__core .el-switch__button .el-switch__label { color: #FF0000; /* 设置图标颜色为红色 */ } 2. 使用内联样式：直接在Switch组件上添加style属性，设置图标颜色： html <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" style="color: #FF0000;"></el-switch> 请注意，以上示例中的颜色值为红色（#FF0000），你可以根据需要自行修改为其他颜色值。