按照官网文档用scss变量对样式进行修改：

https://element.eleme.cn/#/zh...

但是比如我想改radio组件的文字颜色，打开chrome控制台中查看这个组件的样式，只有最终的css，并不知道是哪个scss变量：

只能去node_modules\element-ui\packages\theme-chalk\src这个路径下找对应组件的scss文件然后查看变量是哪些：

其实也是能找到的不过有点费时间，就是想问一下大家有没有更便捷的方式？比如f12可以直接看到scss变量是哪个。

我这边用的 element-plus 可以实现你说的效果

你说的是这个文件么 element/var.scss at dev · ElemeFE/element。一般来说UI库都会提供一个这个链接的，比如这样Ant Design Vue 的样式变量 | Ant Design Vue。

只不过Ele现在基本没维护了，自然就没有更新出来。但是怎么修改，Ele还是有说明的，具体可以看这里在项目中改变 SCSS 变量 | Element。