覆盖primefaces的默认图标

Question

我是primefaces的新手，我想覆盖或更改rowtoggler的默认图标ui-icon-circle-triangle-e到ui-icon-plus。请告诉我是否有可能，如果是的话，如何实施它。

Answer 1

您可以使用web.xml中的以下代码删除所有Primefaces样式：

<context-param>
    <param-name>primefaces.THEME</param-name>
    <param-value>none</param-value>
</context-param>

或者如果您喜欢整体样式，只需覆盖负责此特定图标的类，即.ui-icon-circle-triangle-e

然后，您可以将新的css选择器添加到theme.css之后的文件中，或者更具体。特异性是更好的方法。在styleClass="plus-table"上添加<p:dataTable>和css选择器/样式

.plus-table .ui-icon-circle-triangle-e {
    background-position: -16px -128px;
}

减去相同的：

.plus-table .ui-icon-circle-triangle-s {
    background-position: -48px -128px;
}

应该管用。您始终可以将.plus-table添加到模板元素中，以便它适用于任何地方，您无需将其添加到每个组件

也可以看看：