Remove borders from tabView in PrimeNG

Question

I am trying to remove the borders from the p-tabView element without any success by setting the following:

<p-tabView style='border: 0px;'>

When I remove the border in the developer tools for the styling of the element

body .ui-widget-content

it works. Anyone any idea where and how I can specify this in my html/css?

Answer 1

It worked this way:

:host ::ng-deep .ui-widget-content {
   border: 0px;
}

The ::ngdeep you mentioned got me on the correct track :)