在项目中遇到tabs标签页样式要和主题颜色一致的问题,用控制台也没找出来怎么修改,最后百度找到的,希望有帮助到你。
//默认颜色
/deep/ .ivu-tabs-nav .ivu-tabs-tab {
border: none;
background-color: transparent;
}
//鼠标选中的颜色
/deep/ .ivu-tabs-nav .ivu-tabs-tab-active {
color: #26bca8;
}
//鼠标移上去的颜色
/deep/ .ivu-tabs-nav .ivu-tabs-tab:hover{
color: #26bca8;
}
//下划线样式
/deep/.ivu-tabs-ink-bar {
background-color: #26bca8;
}
如果样式放在全局里,要去掉/deep/,加/deep/ 记得加 lang='less' scoped