＜el-tabs＞改变样式（去掉下划线及其他样式）_el-tabs去除多余的下划线

elemen-ui官方文档中给的标签页是蓝色的，长这样

我想要的样子：

这里重点是去掉原来的下划线以及鼠标悬停时的背景颜色，话不多说直接上代码：

 <div class="leftTabs">
          <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" >
            <el-tab-pane label="全部" name="first" >全部</el-tab-pane>
            <el-tab-pane label="华语" name="second">流行</el-tab-pane>
            <el-tab-pane label="欧美" name="third">摇滚</el-tab-pane>
            <el-tab-pane label="韩国" name="fourth">民谣</el-tab-pane>
            <el-tab-pane label="日本" name="fifth">电子</el-tab-pane>
            <el-tab-pane label="小语种" name="seventh">轻音乐</el-tab-pane>
          </el-tabs>
          </div>
1
2
3
4
5
6
7
8
9
10

/*去掉tabs底部的下划线*/
.leftTabs >>>.el-tabs__nav-wrap::after
  position: static !important;

.leftTabs >>>.el-tabs__active-bar
  background-color: transparent !important;

.leftTabs >>>.el-tabs__item
  font-size: 12px !important;
  color #676767
  &:hover
    color black
  &:focus
    color black
    font-weight: 700
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15