undefinedfix
Sign in

How to remove the gray underline?

hobik edited in Sat, 24 Sep 2022
4 Replies
qmuyq
commented on Sat, 24 Sep 2022

answer:

html:
<el-tabs v-model="activeTab" class="tab-container">
    <el-tab-pane v-for="item in realTabList" :key="item.label" :label="item.label" :name="item.name"></el-tab-pane>
</el-tabs>

css:
.tab-container /deep/ .el-tabs__nav-wrap::after {
    background: #fff
}

The idea is: 1. Add a class name to the tab; 2. Find the element through the depth selector; 3. Give the background color value / transparency to the element

Vijay
commented on Sat, 24 Sep 2022

Using the depth selector, after selecting the current element, set the background color: # ffff;

Micha93
commented on Sat, 24 Sep 2022
.el-tabs__active-bar{
    background: transparent !important;
}
lcarscom
commented on Sat, 24 Sep 2022
.el-tabs__nav-wrap:after{
    background: none;
}