::v-deep .el-tabs__header { //tab底边框变色
border-bottom: 1px solid #f56a33;
}
::v-deep .el-tabs__nav { //tab_nav去掉border
border: 0;
}
::v-deep .el-tabs__item {
width: 80px;
height: 32px;
text-align: center;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 32px;
display: inline-block;
font-size: 14px;
color: #2f323e;
border: 0;
position: relative;
}
::v-deep .el-tabs__item.is-active { //激活项样式
color: rgba(255, 255, 255, 0.9);
background-color: #f56a33;
border-radius: 4px 4px 0 0;
}
::v-deep .el-tabs__item:hover { //鼠标悬浮时样式
color: rgba(255, 255, 255, 0.9);
background-color: #f56a33;
cursor: pointer;
border-radius: 4px 4px 0 0;
}
elementUI el-tabs 自定义样式
于 2022-06-16 14:02:07 首次发布