一、官網樣式：
二、修改樣式
1.去掉下劃線
效果：
?
代碼:
/* 去掉tabs標簽欄下的下劃線 */
::v-deep .el-tabs__nav-wrap::after {
position: static !important;
/* background-color: #fff; */
}2.改變下劃線顏色
效果：
?
?代碼：
/* 下劃線切換高亮 */
::v-deep .el-tabs__active-bar {
background-color: #30fdff;
}3.改變選中文字/鼠標滑過時文字顏色
效果：
?代碼：
/* 鼠標選中時樣式 */
::v-deep .el-tabs__item.is-active {
color: #30fdff;
opacity: 1;
}
/* 鼠標懸浮時樣式 */
::v-deep .el-tabs__item:hover {
color: #30fdff;
cursor: pointer;
opacity: 1;
}4.設置未選中時文字顏色
效果：
文章來源：http://www.zghlxwxcb.cn/news/detail-670733.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-670733.html
代碼：
::v-deep .el-tabs__item {
color: #e6f1f1;
opacity: 0.5;
}到了這里，關于elementui的el-tabs標簽頁樣式修改的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
