Java教程

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/

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

效果图

 

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