element-UI 去除 el-tabs 的默认样式

css样式代码

/* 去除上方横线 */
.switch >>> .el-tabs__nav-wrap::before {
  content: '';
  width: 0 !important;
}
.switch >>> .el-tabs__nav-wrap::after {
  content: '';
  width: 0 !important;
}

/* 去除底部蓝色 */
.switch >>> .el-tabs__active-bar {
  background: rgba(0, 0, 0, 0.1);
  height: 0 !important;
}

注意 ： >>> 也可以改为  /deep/

.switch 是 el-tabs 的父级样式名

效果图

 

标签：__,el,tabs,element,switch,important,去除
来源： https://www.cnblogs.com/wqddmg/p/16503149.html