覆盖primefaces的默认图标

时间:2014-01-10 12:25:18

标签: css jsf primefaces

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

1 个答案:

答案 0 :(得分: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添加到模板元素,以便它适用于任何地方,您无需将其添加到每个组件

另见