修改element ui tabs 字体颜色

          
.tabs { 
  color: #fff;
}

.tabs>>>.el-tabs__item {
  color: #f1f1f1;
}

.tabs>>>.el-tabs__item.is-active {
  color: #7bbcfc;
  /* 设置选中状态的字体颜色为红色 */
  opacity: 1;
  /* 可选:设置透明度 */
}

.tabs>>>.el-tabs__item:hover {
  color: rgb(0, 255, 149);
  /* 设置鼠标悬浮时的字体颜色为红色 */
  cursor: pointer;
  /* 设置鼠标样式为指针 */
  opacity: 1;
  /* 可选:设置透明度 */
}

你可能感兴趣的:(vue.js,javascript,前端)