Css 如何将分支节点的素数树图标替换为+；或者-？

angular CLI版本6

"primeicons": "^1.0.0-beta.9",
"primeng": "6.0.1",
"font-awesome": "^4.7.0",

我正在尝试将树节点的默认图标更改为+和-。 我在这里看到了建议的解决方案，但我认为它们必须适用于旧版本的库，因为它不起作用

对此有何指导

---

从CSS中，您可以将图标内容替换为所需的图标内容

为此，您必须在展开和关闭时观察应用于

p-tree

的当前css类

例如：

p-Tree

上树切换器的CSS类是：

.ui树表切换器

图标类正常位置为：

fa-caret right

，内容类为：

fa-caret right:before

因此，要将其替换为

+

，您必须使用以下CSS：

.your-tree-table-class .ui-treetable-toggler.fa-caret-right:before{
  content: "\f067";
}

请注意，我使用了自己的CSS类作为

您的树类

，因此它只影响特定的

p-tree

。不是所有的

要在展开时替换为

-

，请使用：

.your-tree-table-class .ui-treetable-toggler.fa-caret-down:before{
  content: "\f068";
}

以下是字体图标及其CSS内容值的列表：

---

expandedIcon和collapsedIcon用于替换默认文件夹图标，而不是外部插入符号图标。您是否尝试重写样式类？这是决定图标的范围，如果您知道如何在这里添加自定义类或覆盖当前类中的css值，那么您将能够更改图标

。您也可以在打底时查看此组件的样式部分。您建议的内容值会导致一个正方形，即未找到。这只是一个示例。从我提供的链接中找到合适的一个…或者它可能与您的fontawsome版本不同。