用官网这个方式body.style['--el-color-primary']="green"来改变主题颜色，按钮颜色没有变化
你是不是有其他样式给覆盖掉了， 或者是你这个范围太小，或者就是优先级比较低，你可以加一个!important来提高你的样式的优先级。
body .el-button {
background-color: green !important;
}
如果以上回答对您有所帮助，点击一下采纳该答案～谢谢
【以下回答由 GPT 生成】
首先，要更改element-plus的主题颜色，你需要确保你已经正确地引入了element-plus的样式文件。确认你在项目中正确引入了element-plus的css文件，通常是在入口文件（如main.js或App.vue）中引入。
如果你已经正确引入了element-plus样式文件，但按钮的颜色仍未发生变化，可能有以下几个原因：
未正确设置全局样式
确保你在设置body.style['--el-color-primary']之前已经添加了全局样式。全局样式的设置应该在element-plus样式引入之后，但vue组件样式之前。你可以在App.vue或全局样式文件中添加以下代码：
css /* 全局样式文件 */ :root { --el-color-primary: green; }
使用body.style可能无法正确覆盖element-plus样式
有时候，使用body.style可能无法覆盖element-plus内部的样式。考虑使用其他方法来设置主题颜色，比如document.documentElement.style.setProperty。例如：
javascript document.documentElement.style.setProperty('--el-color-primary', 'green');
定制化主题
element-plus提供了一个定制化主题的方法，你可以根据自己的需求修改主题颜色。在你的项目根目录下创建一个文件，比如theme.scss，并通过在入口文件中导入该scss文件来覆盖element-plus的默认主题。具体步骤如下：
a. 创建theme.scss文件，并写入以下内容：
```scss / theme.scss 文件 / @import "element-plus/packages/theme-chalk/src/index"; // 修改主题颜色 $--color-primary: green; @import "element-plus/packages/theme-chalk/src/display";
```
b. 在入口文件中导入theme.scss文件：
javascript // main.js 或 App.vue import 'path/to/theme.scss';
这样，你就可以在theme.scss文件中通过修改$--color-primary变量来改变主题颜色。
如果以上方法都不能解决你的问题，可能是由于其他原因导致无法更改按钮颜色。你可以尝试在element-plus的issue页面上寻求帮助，或查阅element-plus的文档和源码来进一步排查问题。
希望以上解决方案能够帮助你解决问题，如果还有其他疑问，请随时提问。