Question

有没有办法更改主要面的手风琴面板中的图标？

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

任何人都可以解释怎么做吗？

感谢。

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。

Answer 2

你可以使用JQuery：

$(document).ready(function() {
    $("#[accordion-id] h3 span.ui-icon").removeClass( "ui-icon-triangle-1-e" ).addClass( "ui-icon-plus" )
});

不要忘记用正确的 Accordion Id

替换[accordion-id]

Answer 3

您可以通过使用以下CSS代码来实现：

.ui-accordion .ui-accordion-header a .ui-accordion-toggle-icon::before { 
    content:'\e90d';
}

改变primefaces手风琴图标

3 个答案: