在 PrimeNG 中删除 tabView 的边框

Question

我试图通过设置以下内容从 p-tabView 元素中删除边框，但没有成功：

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

当我在开发者工具中删除元素样式的边框时

body .ui-widget-content

它有效。有人知道我可以在 html/css 中在哪里以及如何指定它吗？

Answer 1

它是这样工作的：

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

你提到的 ::ngdeep 让我走上了正确的道路:)

Answer 2

在你的 CSS 中试试这个：

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

Answer 3

这适用于 TabMenu：

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

您可以尝试同样的方法： https://primeng.org/tabview#style