Css 在PrimeFaces中将图标从jQuery UI更改为FontAware

我有一个PrimeFaces

p:tree

，我可以使用添加字体可怕的展开和收拢图标，但是在PrimeFaces之前有一个箭头图标，我不知道如何切换字体可怕的箭头（

fa arrow circle down

和

fa arrow circle right

），或者把颜色改成白色也满足了我的需要

我查看了Firebug，发现PrimeFaces箭头来自图像

url（“/permitweb-1.0/faces/javax.faces.resource/images/ui-icons\u 616161\u 256x240.png？ln=PrimeFaces-aristo”）

我不确定在不创建或导入新图像的情况下是否可以更改图像的颜色

我看了其他帖子，因为PrimeFaces使用的是图像和CSS，我不知道如何替换箭头，

TreeNode

没有类似的

setIcon

方法

这是我的树代码：

树箭头图标：

试试我的

此资源处理程序将从社区PrimeFaces主题中删除jQueryUI图标并添加到 主题。您可以在现有应用程序上使用它，而无需将所有XHTML（例如

ui-icon-gear

转换为

fa-cog

）。注入的CSS将被激活

将此依赖项添加到您的

pom.xml

：

<dependency>
  <groupId>com.github.jepsar</groupId>
  <artifactId>primefaces-theme-jepsar</artifactId>
  <version>0.9.1</version>
</dependency>

---

我尝试的另一种方法是使用另一个primefaces主题的图标，该主题有白色图标箭头。如果您在另一个主题中找到箭头图标的正确颜色，这只是另一种方法。否则，我会选择Jasper的解决方案，为自定义图像提供一个干净的解决方案。只是张贴这是另一种选择

我正在使用primefaces aristo，并在primefaces黑色领带中发现了白色箭头图标，因此我用该主题图像覆盖箭头图标

.navTree > .ui-treenode-content > .ui-tree-toggler {
background-image: url("#{resource['primefaces-black-tie:images/ui-icons_ededed_256x240.png']}");

---

}

@Kukeltje对此你有什么想法吗？“我不确定我能在不创建或导入新图像的情况下更改图像的颜色。”：你不能“Primefaces使用的是图像，font awesome是css”两者都是“css”，后者是字体对不起，你指的是三角形图标…解决方案，创建更具体的css选择器来隐藏图像，并添加与应用fa图标相同的代码。所有这些都是css（很抱歉，未来几天没有时间或迫切需要尝试这个，也许下周），如果只是一个图标，这是很好的。如果你想知道更多，请同意。这就是我接受雅斯贝尔斯答案的原因：）：-）好的。。。没问题

.navTree > .ui-treenode-content > .ui-tree-toggler {
background-image: url("#{resource['primefaces-black-tie:images/ui-icons_ededed_256x240.png']}");