Primeng中无法设置tabview内容的背景颜色

Answer 1

查看文档

您应该在组件的 scss（或 css）中操作 p-tabview-panels，我们在 style.scss（或 css）中进行全局操作。

所以你的CSS是这样的

:host ::ng-deep .p-tabview .p-tabview-panels{
  'background-color': 'red'
}

在本地样式部分了解更多信息 https://www.primefaces.org/primeng/showcase/#/theming

Answer 2

用这个

/* not selected */
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border-color: white ;
  background: white;
  color: navy;
  }
  /* hover */
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  background: orange;
  border-color: brown;
  color: navy;
  }
  /* selected */
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background: #3b82f6;
  border-color:#3b82f6;
  color: white;
  }