Primefaces: comment changer l’icône par défaut sur le bouton du champ de calendrier?

Dans Primefaces, comment puis-je changer l’icône utilisée par le bouton du champ de calendrier?

Par exemple, dans le champ suivant

Je souhaite changer l’icône pour http://soffr.miximages.com/javascript/icon_e_wink.gif .

J’ai consulté la documentation , mais je ne trouve pas d’atsortingbut pour cela.

• cacher un div en cliquant sur le corps autre que le div
• Menu de survol CSS: obtenir un élément de menu survolé pour conserver l’état CSS survolé
• asp DropDownListChosen n’affichant aucun élément dans la liste déroulante
• Copier l’arrière-plan d’un élément à un autre en utilisant jQuery ne fonctionnant pas dans Firefox
• Comment savoir si l’utilisateur a fait défiler jusqu’à la fin d’un conteneur HTML avec jQuery?

METTRE À JOUR:

J’ai essayé ce qui suit avec un succès partiel:

JSF:

CSS:

 .ui-widget .ui-calendar { background-image: url(#{resource['images:country_flag.gif']}); } 

PROBLÈMES:

1. Je vois maintenant l’image sur le bouton p:commandButton . Mais je reçois le message d’avertissement:

   Apr 03, 2012 10:43:58 AM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource WARNING: JSF1064: Unable to find or serve resource, images/country_flag.gif.jsf.

2. Je n’ai pas pu trouver de style CSS sur le p:calendar que je devrais remplacer afin de changer l’image sur le bouton du calendrier.

• jQuery change id!
• Comment changer la couleur de fond du menu quand il est sélectionné?
• Possible de remplacer le curseur par ma propre image personnalisée?
• Le style CSS de Bootstrap DatePicker ne fonctionne pas
• La fenêtre de dialog JQueryUI ne se trouve pas dans ma DIV, mais est placée sous le corps. Comment garder dans ma div?

 .ui-icon-calendar { background-image:  !important; background-position: center center !important; width: 16px; height: 16px; }