Nie mogę użyć własnej ikony dla przycisku pracesfaces p: commandButton. Mój kod to:

    <p:commandButton value="Cancel" action="#{userBb.cancel()}" 
       icon="ui-icon-myCancel" /> 

css to:

.ui-icon-myCancel{
   background-image: url(images/cancel_16.png) !important;
}

Struktura folderów jest zwyczajna:/resources/images/cancel_16.png

W rezultacie otrzymuję:

Kiedy próbuję:

.ui-state-default .ui-icon .ui-icon-myCancel{
   background-image: url(images/cancel_16.png) !important;
}

Dostaję:

Kiedy patrzę na raport firebuga, jest rozpiętość sekcji

<span class="ui-button-icon-left ui-icon ui-c ui-icon-myCancel"></span>

jest:

.ui-state-default .ui-icon {
    background-image: url("/WarPort08_02b/javax.faces.resource/images/ui-icons_38667f_256x240.png.xhtml?ln=primefaces-aristo");

Spojrzałem na towyjaśnieniei inni, ale nie znaleźli odpowiedzi.

Kiedy próbuję p: commandLink z h: graphic Ikona obrazu jest widoczna, ale jest to obraz jako przycisk / link.