::v-deep{
.el-tabs__item:hover {
color: #3A4E64;
}
.el-tabs__item {
color: #B4B4B4;
font-weight: bolder;
}
.el-tabs__item.is-active {
color: #3A4E64;
}
.el-tabs__active-bar{
background-color: #3377FF;
}
.el-tabs__nav-wrap::after{
background-color: transparent;
}
}
elemen-ui 自定义 tabs 样式
最新推荐文章于 2024-09-06 14:22:25 发布
这篇博客主要展示了如何使用CSS深度选择器`v-deep`来定制Element UI库中tabs组件的样式。内容包括修改hover状态、正常状态、激活状态的颜色,以及tabs活动指示条的背景色和导航包裹元素的背景透明度。通过对这些关键样式细节的调整,可以实现对tabs组件视觉效果的个性化定制。
摘要由CSDN通过智能技术生成