Всем привет! как стилизовать компоненты ngx-bootstrap? А именно хочу nav-link стилизовать Вот

моя попытка


tabset {
a {
.nav-link {
background: #FFFFFF;
border: 1px solid #DDE6FB;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
text-align: center;
color: #000000;

&.active {
}
}
}

}

Но данный подход не работает :(

Шаблон:

<tabset>
<tab>
<ng-template tabHeading>
Таб 3
<span
class="badge">12</span>
</ng-template>

Содержимое таба
</tab>
</tabset>

попробуй подобные селекторы использовать + important(может он не нужен будет, если к a припишешь a.nav-link)

а конкретнее?

Или в глобальные стили или ломать инкапсуляцию :host : ng-deep ..... Наверное как-то так

Дим 27
Подскажи пожалуйста как мне контекст элемента можн...

Другой подход нужен

Дим 27
Подскажи пожалуйста как мне контекст элемента можн...

https://github.com/primefaces/primeng/blob/master/src/app/components/autocomplete/autocomplete.ts

Дим 27
Подскажи пожалуйста как мне контекст элемента можн...

https://angular.io/guide/lightweight-injection-tokens

encapsulation: ViewEncapsulation.None ?

Помогите пожалуйста

а это не отменит все остальные стили? upd. отменит, не подходит ответ