Блог

Главная - Вопросы по программированию - Изменение цвета фона для угловых вкладок

Изменение цвета фона для угловых вкладок

#html #css #angular

#HTML #css #angular

Вопрос:

Я очень новичок в html и css, я использовал angular-tabs-component для создания вкладок, поэтому теперь я хочу изменить цвет фона вкладки .. может кто-нибудь подсказать мне, как это сделать.вот мой код…

HTML:

 <tabs (currentTabChange)='onSelectChange($event)'>
        <tab tabTitle="Live">
        </tab>
</tabs

Комментарии:

1. создайте класс со свойством background-color и примените его к div вкладки

2. Если вы хотите изменить цвет вкладки, когда она активна, проверьте активную вкладку и найдите класс, который делает ее активной. Измените стиль этого класса на желаемый backgroundColor .

Ответ №1:

Добавить класс tab в тег tab-

 <tabs (currentTabChange)='onSelectChange($event)'>
    <tab tabTitle="Live" class="tab-background">
    </tab>
</tabs

а затем в css этого компонента добавьте —

 .tab-background {
    background-color: red;
}