CODEWITHSUNDEEP
htmlcssprimeng
YourReflection
YourReflection

Reputation: 395

Remove borders from tabView in PrimeNG

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?

Upvotes: 3

Views: 4100

Answers (3)

Adam
Adam

Reputation: 39

this worked for TabMenu:

.p-menuitem-link {
  border: none;
}

you can try the same on the names below:

:host ::ng-deep .p-tabview {
      border: none;
    }

https://primeng.org/tabview#style enter image description here

Upvotes: 0

YourReflection
YourReflection

Reputation: 395

It worked this way:

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

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

Upvotes: 2

Antikhippe
Antikhippe

Reputation: 6655

Try this in your CSS :

::ng-deep .ui-widget-header {
  border: none;
}

Upvotes: 0

Related Questions