如何在 PrimeFaces 中使用自定义图标?

Mr.*_*mes 3 css icons styling primefaces jsf-2

PrimeFaces 提供了大量来自 jQuery themeroller 的图标。它们很有用,但我需要为我的应用程序定制一些图标。假设我有一个<p:commandButton>

<p:commandButton icon="ui-icon ui-icon-check" />
Run Code Online (Sandbox Code Playgroud)

由于我的 CSS 知识非常有限,如果您能告诉我如何将一些自定义图标放入上述按钮的标签中,我将不胜感激。

此致,

Mat*_*ndy 5

您需要定义自己的 css 类:

.img-button-help { background-image: url('../images/help.png') !important; }
Run Code Online (Sandbox Code Playgroud)

然后在您的p:commandButton

<p:commandButton icon="img-button-help" />
Run Code Online (Sandbox Code Playgroud)