当前位置:   article > 正文

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

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

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

<style scoped></style>
  • 1

但是对于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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/107864
推荐阅读
相关标签
  

闽ICP备14008679号