Vue CLI中如何局部调整Element UI组件样式？

本文共计965个文字，预计阅读时间需要4分钟。

最近在Vue项目中使用了Element，发现这个组件库用起来非常便捷，风格新颖，上手也很快，而且效果足够酷炫。但后来发现一个问题，那就是Element的样式有限，这种极度限制极大地束缚了项目。

　　最近在做vue项目时用到了Element，发现这玩意儿用起来很舒服，很新颖，上手也很快，而且效果足够酷炫。但是后面发现一个很大的问题，那就是Element的样式有限，这极大地限制了项目的应用广度，所以我们有必要对Element内部的CSS进行一定的覆盖，来改变其样式。在修改Element样式时，遇到了一些问题，这里简单做一些记录，便于以后查阅。

　　我在用el-switch做开关切换时，使用默认样式：

代码如下：

效果：

　　现在我想把蓝色字体改为其他颜色，但是我发现无论我如何修改样式，界面始终没有任何变化，所以我想到可能是需要覆盖Element默认的el-switch样式。