elementplus 表格选中高亮修改颜色

ElementPlus 是 Vue 3 的官方 UI 组件库，它对 Element UI 进行了现代化的改造。在 ElementPlus 中，表格 (`el-table`) 提供了丰富的功能，包括选中（selection）高亮显示。如果你想修改默认的选中颜色，你可以通过自定义样式或者使用 `cell-class-name` 或 `row-class-name` 属性来自定义单元格或行的 CSS 类。

1. **自定义全局样式**：
在项目全局样式文件 (.css 或 .scss) 中添加如下的 CSS 规则，覆盖默认的 `selected` 类的颜色：

   .el-table tbody tr.selected {
     background-color: your-desired-color;
   }

2. **局部样式**：
如果你想仅在一个特定的表单中应用此更改，可以将这个规则放在对应的组件 `<style>` 标签内：

   <template>
     <el-table :cell-class-name="tableCellClassName" ...></el-table>
   </template>

   <script>
   export default {
     methods: {
       tableCellClassName({ row, rowIndex, column, columnIndex }) {
         return {
           'selected': row.isSelected ? 'your-desired-color' : '',
         };
       },
     },
   };
   </script>

这样当你选中某一行时，`selected` 类的背景色就会变为你设置的颜色。