【el-table 边框颜色修改 实测有效！】

在Vue.js中使用Element UI库时，可以通过CSS覆盖默认的边框样式来修改el-table的边框颜色。以下是一个实例代码：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    class="custom-table-border"
  >
    <!-- 表格列定义 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        // 数据源
      ]
    };
  }
};
</script>
 
<style>
/* 修改边框颜色 */
.custom-table-border .el-table__row, 
.custom-table-border .el-table th {
  border-color: #ff0000; /* 红色边框 */
}
</style>

在这个例子中，.custom-table-border 是应用到el-table元素上的自定义类。通过在CSS中指定.custom-table-border .el-table__row和.custom-table-border .el-table th选择器，并设置border-color属性，可以改变表格的边框颜色。这里使用的是红色（#ff0000），您可以根据需要替换为其他颜色代码。