在element-plus中全局修改el-table-border-color的颜色

在Element Plus中，如果你想全局修改`el-table`组件边框颜色，通常我们会通过主题（Theme）系统来进行设置。Element Plus提供了一个自定义主题的功能，可以让你覆盖默认的主题变量。对于`border-color`这样的样式属性，对应的变量通常是`$table-border-color`。

首先，你需要找到Element Plus的全局CSS文件（通常在`node_modules/element-plus/lib/theme-chalk/index.css`），然后复制这个文件到你的项目中，并改名为如`theme-custom.css`。接下来，在这个新文件里，你可以这样做：

@import '~element-plus/packages/theme-chalk/index.css';

/* 修改边框颜色 */
$table-border-color: #your-desired-color; /* 例如 "#3f51b5" 或者 "rgb(63, 81, 181)" */

/* 确保将此引入应用到所有使用Element Plus的页面上 */
html {
  --element-plus-root-font-family: 'Roboto', sans-serif;
  --element-ui-prefix: '';
  @apply theme-chalk(index);
}

这里将`$table-border-color`变量替换为你想要的新颜色。记得在你的Vue项目中引入这个自定义主题文件，让它生效。

注意：如果你使用的是脚手架构建，还需要确保将这个自定义主题文件添加到正确的配置路径，比如在Vite、Webpack等构建工具中。