全局设置el-button 样式

全局设置`el-button`的样式通常涉及到主题定制或者自定义CSS。在Element UI中，你可以通过`.el-button`这个选择器来覆盖默认样式。如果你想要对所有`el-button`按钮应用全局样式，可以按照以下步骤操作：

1. **修改Vue项目配置**：
在Vue项目的全局样式文件（如`main.css`、`styles.scss`或`variables.scss`）中，添加新的CSS规则，例如：

   .el-button {
     /* 自定义颜色、大小、边距等属性 */
     color: your-text-color;
     background-color: your-bg-color;
     font-size: your-font-size;
     margin: your-margin;
     /* 更多其他样式... */
   }

2. **使用主题变量**：
如果你正在使用Element Plus或有支持主题管理的版本，可以定义主题变量（如`$primary-color`），然后在主题设置中引用这些变量。

   // 在theme.variables.scss或theme.js
   $primary-color: your-color;

   // 在元素按钮上应用主题变量
   .el-button {
     color: $primary-color;
   }

3. **Less/Sass预处理器**：
如果你使用的是Less或Sass，可以在项目中创建一个单独的scss文件，作为基础样式表，然后引入到主样式表里：

   // global-buttons.less
   .el-button {
     @import "element-plus/theme-chalk/varibles";
     // 根据变量定义样式...
   }

   // main.scss 或 app.scss
   @import 'global-buttons';

记得在实际使用过程中，确保你的样式优先级高于Element UI提供的默认样式，避免冲突。此外，如果你想让更改只针对新创建的按钮生效，可以在组件内使用 scoped CSS。