css - 如何使用 PrimeFaces 中的自定义图标？

Question

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

<p:commandButton icon="ui-icon ui-icon-check" />

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

最好的问候，

Answer 1

您需要定义自己的 css 类:

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

然后在你的p:commandButton中使用这个类:

<p:commandButton icon="img-button-help" />