element tabs标签页样式修改

Krui
  • 116

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

回复
阅读 9.5k
5 个回答
// 1.在el-tabs 标签上加个 class="tab-item"
.tab-item /deep/ .el-tabs__nav-wrap::after {
    height: 0;
}

找到样式 隐藏掉

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

image.png

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

user_IY2lwFno
  • 2
新手上路,请多包涵

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

.el-tabs_active-bar {
    background: none
}

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

sunshine1213
  • 89

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

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

}

宣传栏