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 的父级样式名

效果图

 

posted @ 2022-07-21 19:18  会前端的洋  阅读(1086)  评论(0)  编辑  收藏  举报