Changing the default icon of a af:inputDate component

Question

Hi,
I want to change the icon of an af:inputDate component.
I discovered two solutions, but they are imcomplete solution.
Solution 1:
af|inputDate::launch-icon-style{
background-image: url("../images/icone_calendario_menor.gif");
af|inputDate::launch-icon-style:hover{
background-image: url("../images/icone_calendario_menor.gif");
af|inputDate::launch-icon-style:active{
background-image: url("../images/icone_calendario_menor.gif");
Problem: When I press the icon whith the mouse button and wait still appear a default icon while mouse button is pressioned.
Solution 2:
af|inputDate::launch-icon{
content: url("../images/icone_calendario_menor.gif");
width: 16 px;
height: 16 px;
af|inputDate::launch-icon:rtl{
content: url("../images/icone_calendario_menor.gif");
width: 16 px;
height: 16 px;
Problem: This solution works on Internet Explorer, but in Mozilla Firefox the new icon cover partially the default image but still possible to see a piece of the defaul icon.
Observation: My new icon is 16 x 16 pixels.
I believe that the solution 1 is better, but i think is missing a piece of code, there is a billion of icon states, core, busy, compact, depressed, selected , etc.
Thanks,
Victor Jabur
Edited by: user4579872 on Apr 26, 2010 5:29 PM

Answer 1

Check this doc http://download.oracle.com/docs/cd/E15523_01/apirefs.1111/e15862/toc.htm#StandardPseudoClasses
It shows all pseudo classes available.
Timo