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

本文主要是介绍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/

效果图

这篇关于element-UI 去除 el-tabs 的默认样式的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！