Can't apply css to Tabs

[anhtranqs3]

I have custom css rules for tabs, tab handles and tab panes inside components.
Since I can't add class to <ul>, <li>, <a>, <div class="tab-pane">, I used external css file for that component.

Unfortunately, <ul>, <li>, <a>, <div class="tab-pane"> which is generated by directive doesn't apply the rules since the rules were added some kind of custom attribute generated by Angular due to simulate the shadow dom, but above generated doms.

Please give me any solution for these.

[lanocturne]

+1

[johanchouquet]

Same issue for me, but for Typeahead component

[katestearns-suplari]

What was the solution for this? I am trying to do the same - add css to the tabs and am not succeeding

[smallswan399]

Cant add a custom class to the ul generated by ngx-bootstrap

[devfomichov]

Hi, @anhtranqs3cate ! My solution to the problem in this issue #1698