Я использую angular 4, и я использую angular материал.
<md-tab-group [disableRipple]=true>
<md-tab label="Tab 1"></md-tab>
<md-tab label="Tab 2"></md-tab>
</md-tab-group>
Как полностью настроить цвет фона, когда (не выбран/не выбран), цвет текста и т.д. Я уже пробовал использовать псевдо-классы... но все еще безрезультатно. --- Я успешно установил font-size
, но при настройке цвет текста немного нервный. Пожалуйста, помогите.
Обновление:
Я пытался изменить фон на прозрачный при выборе... пытался переопределить цвет, когда ссылка не выбрана на вкладке и т.д., Но по-прежнему не работает.
/* Styles go here */
.mat-tab-label{
color:white;
min-width: 25px !important;
padding: 5px;
background-color:transparent;
color:white;
font-weight: 700;
}
/deep/ .mat-tab-label{
min-width: 25px !important;
padding: 5px;
background-color:transparent;
color:white;
font-weight: 700;
}
.md-tab.ng-scope.ng-isolate-scope.md-ink-ripple.md-active{
background-color:transparent;
color:white;
font-weight: 700;
}
.md-tab.ng-scope.ng-isolate-scope.md-ink-ripple{
background-color:transparent;
color:white;
font-weight: 700;
}
.mat-tab-label:active{
min-width: 25px !important;
padding: 5px;
background-color:transparent;
color:white;
font-weight: 700;
}
.mat-tab-label:selected{
min-width: 25px !important;
padding: 5px;
background-color:transparent;
color:white;
font-weight: 700;
}