Yest это возможно. Все, что необходимо сделать, к <сильному>, отвергают primefaces CSS классы произведенный для p:menuButton .
Подход:
- In the rendered web page you can right click on the generated
p:menuButton and -> inspect element. There you can inspect all of the related css classes.
- You can try to experiment with them (which I would advice, if you have time) for better understanding of css selectors and so on ...
- The
.ui-menubutton .ui-state-default .ui-icon are the classes that you need.
Таким образом, теперь, когда вы знаете, который CSS классы связаны с символом, можно отвергнуть их:
Добавьте .ui-menubutton .ui-state-default .ui-символ правило к вашему таблица стилей (я предполагаю, что вы имеете один, и это - импортированный sucesfully и работа. Если не проверяют здесь.)
yourStyles.css :
.ui-menubutton .ui-state-default .ui-icon {
background: orange; /** insert your background image **/
}
Это отвергнет символы всего p:menuButtons используемый в вашем проекте. Если вы хотите уменьшить его до некоторой детали p:menuButton тогда добавляют его ID к <ним> стиль определение.
#menubID.ui-menubutton .ui-state-default .ui-icon {
background: orange; /** insert your background image **/
}