tab切换效果样式修改

Question

tab切换栏样式需要这种

我想用elementui组件改一下，但是为啥上边框颜色没办法修改。

Answer 1

可以用伪类元素模拟

el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: red;
    position: absolute;
    top: 0;
    left: 0;
}