css - PrimeNG 选项卡 View 中选项卡面板标题的内联样式

Question

我的应用运行 PrimeNG 1.1.2 和 Angular 2.4.1。在我的模板中，我使用了 PrimeNG 选项卡 View 以及相应的选项卡面板和相应的标题。出于某种原因，我想设计选项卡面板标题的外观。例如，假设我想将其字体颜色设置为绿色:

<p-tabPanel header="Bezier Curve" [selected]="true" 
[headerStyle]="{'color': 'green'}">

但是，这个样式不适用，字体颜色也没有改变

有什么我遗漏的指示吗？

编辑:font-color 替换为 color

Answer 1

尝试覆盖 ui-tabview-title 类并在 style.css 中设置所需的 css

.ui-tabview-title{       
      color:green !important; 
}