css - 更改 primefaces Accordion 图标

Question

有什么办法可以更改primefaces Accordion 面板中的图标吗？

我想将向右和向下箭头更改为加号 ([+]) 和减号 ([-])。

谁能解释一下怎么做？

谢谢。

Answer 1

您可以添加一些自定义 CSS，将默认图标的背景位置更改为加号和减号:

.ui-accordion .ui-icon.ui-icon-triangle-1-e {
    background-position: -16px -128px;
}
.ui-accordion .ui-icon.ui-icon-triangle-1-s {
    background-position: -48px -128px;
}

在当前的 PrimeFaces 3.2 版本中，似乎没有更简洁的方式来显式指定 .ui-icon-plus和 .ui-icon-minus在 <p:accordionPanel> 上组件代替。你可能想发布 enhancement request为此。