html - 更改 PrimeNG 树的样式

Question

我有一个 p-PrimeNG 侧边栏，其中包含一个字段集，它本身包含一棵树：

<p-sidebar [(visible)]="display" position="right">
    <h2>My Checklist</h2>    
    <fieldset class="default-fieldset">
      <legend>Legend ...</legend>
      <p-tree [value]="filesTree2"></p-tree>
    </fieldset>        
</p-sidebar>

我需要能够删除树周围的边框，因为 fieldset 已经有一个边框。我在 scss 文件中尝试了以下代码：

• fieldset p-tree { border: none;}
• fieldset p-tree { border: transparent;}

但它们都没有帮助。

你能帮我解决这个问题吗？

标签： htmlsassprimeng

Answer 1

您需要在styles.scss 中应用您的css 选择器，以便覆盖树的主题样式。对于您的树，将以下规则添加到您的全局 styles.scss 文件中：

p-sidebar .p-tree {
    border: none;
}

请注意，我指定了类.p-tree而不是.ui-tree