Встроенный стиль заголовка панели вкладок в представлении вкладки PrimeNG

Question

Мое приложение запускает PrimeNG 1.1.2 и Angular 2.4.1. В моем шаблоне я использую представление вкладки PrimeNG с соответствующими вкладками и соответствующими заголовками. По какой-то причине я хочу создать стиль заголовка панели вкладок. Например, сказать, что я хочу, чтобы установить цвет шрифта на зеленый:

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

Однако этот стиль не применяется, и цвет шрифта не меняется

Есть указатели, что мне не хватает?

Edit: font-color заменен color

Answer 1

Там нет CSS свойство с именем font-color, вы ищете color:

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

W3Schools ясно сказано:

недвижимости color - Устанавливает цвет текста

Edit:

Проблема заключается в следующем - после того, как шаблон рендеринга, текст заголовка расположен между a метками означает, что вы должны создать класс CSS, который изменит цвет текста в окружении a теги внутри вашего заголовка:

.greenText a { 
    color: green; 
} 

, а затем использовать headerStyleClass атрибут вместо headerStyle применить класс CSS:

<p-tabPanel header="Bezier Curve" [selected]="true" headerStyleClass="greenText">  

Answer 2

Попытка переопределить ui-tabview-title класс и установить требуемый CSS в style.css

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