设置el-tabs点击后的颜色以及hover效果颜色

在Element UI库中，`el-tabs`组件可以设置选中状态和悬停状态的颜色。这通常涉及到CSS样式定制。首先，你需要确保已经引入了Element UI的样式文件，并且理解其自定义主题的基本原理。

1. **默认选中颜色**:
当一个选项标签被激活（即当前显示的tab），你可以通过`.el-tabs__item.is-active`类来改变背景色。例如：

   .el-tabs__item.is-active {
     background-color: #your-selected-color; /* 你可以替换为你想要的颜色 */
   }

2. **鼠标悬停颜色**:
对于鼠标悬停时的效果，可以使用`.el-tabs__item.is-hover`类。例如：

   .el-tabs__item.is-hover {
     background-color: rgba(0, 0, 0, 0.1); /* 或者你选择的浅色透明度 */
   }

3. **其他状态颜色**:
如果你想改变未选中、禁用等状态的颜色，还可以添加对应的状态类，如`.is-disabled`，并调整相应的CSS规则。

为了应用这些样式，你需要将它们放在你的项目CSS文件中，或者在一个单独的CSS文件里，并通过Vue的`$style`属性引入到组件中。

// 在Vue实例的mounted钩子里
this.$el.styleSheets[0].insertRule(yourCustomCSS, 0);

记得在适当的地方清除旧的CSS规则，防止样式冲突。