element 的el-tabs默认选中项改变背景颜色问题

element 的el-tabs默认选中项改变背景颜色问题在前端页面中,经常style部分会添加一个scoped属性，表示此处的style只在此页面生效，如下所示。<style scoped></style>但是对于element组件如el-tabs，想改变选中项颜色必须把样式写在其外边，单独写一个style标签即可，如下。<style>.el-tabs__it

郭大头哈哈哈

12002人浏览 · 2021-01-27 17:16:29

郭大头哈哈哈 · 2021-01-27 17:16:29 发布

element 的el-tabs默认选中项改变背景颜色问题

在前端页面中,经常style部分会添加一个scoped属性，表示此处的style只在此页面生效，如下所示。

<style scoped></style>

但是对于element组件如el-tabs，想改变选中项颜色必须把样式写在其外边，单独写一个style标签即可，如下。

<style>
.el-tabs__item:hover {
  color: orange;
  background-color: orange ;
}
.el-tabs__item.is-active {
    color: orange;
    background-color: orange;
}
</style>