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>

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

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

但是它们都没有帮助。

您能帮我吗？

Answer 1

在CSS下方使用：

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

因为p树使用“ UI树”编译并创建了HTML，所以您将所有CSS应用于此类。

Answer 2

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

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

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

更改PrimeNG树的样式

2 个答案: