element tabs标签页样式修改

Question

想要去掉标签页中的侧边样式要怎么实现

Answer 1

// 1.在el-tabs 标签上加个 class="tab-item"
.tab-item /deep/ .el-tabs__nav-wrap::after {
    height: 0;
}

Answer 2

找到样式 隐藏掉

Answer 3

<style>
.你的页面class .el-tabs__active-bar{
  background-color: transparent;
}
</style>

在你页面加样式，注意不要用scoped

Answer 4

修改element-ui组件样式需要在全局模式中修改才能生效，或利用行内样式在标签中添加所需样式
`<style lange="less">

.el-tabs_active-bar {
    background: none
}

</style>`
也可以直接在App.vue的<style></style>添加要修改的样式
注意不要污染其他页面中的tag，最好在样式最外层加上本页面最外层的class名

Answer 5

添加新的class="tabs-newcon"
.tabs-newcon /deep/{

.el-tabs__active-bar{
  background: transparent;
}
.el-tabs__nav-wrap::after {
  height: 0;
}

}