Command button doesn't render properly with customized images in ADF 11g

Question

Hi all,
I have these elements in the .css file:
/** button **/
.AFButtonServerText:alias {
background-color:#daebf2;
color:#000000;
font-size:100%;
font-family:Luxi Sans, Dialog;
vertical-align:middle;
-ora-text-antialias:true;
.AFButtonServerTextDisabled:alias {
background-color:#f5f5e4;
color:#aaaaaa;
font-size:100%;
font-family:Luxi Sans, Dialog;
vertical-align:middle;
-ora-text-antialias:true;
.AFButtonStartIcon:alias {
/*content:url(/skins/images/buttonStart.gif); */
content: url("images/buttonStart.gif");
width:8px;
height:20px;
.AFButtonStartIcon:alias:rtl {
/*content:url(/skins/images/buttonEnd.gif); */
content: url("images/buttonEnd.gif");
width:8px;
height:20px;
.AFButtonEndIcon:alias {
/*content:url(/skins/images/buttonEnd.gif); */
content: url("images/buttonEnd.gif");
width:8px;
height:20px;
.AFButtonEndIcon:alias:rtl {
/*content:url(/skins/images/buttonStart.gif); */
content: url("images/buttonStart.gif");
width:8px;
height:20px;
.AFButtonTopBackgroundIcon:alias {
/*content:url(/skins/images/buttonTop.gif); */
content: url("images/buttonTop.gif");
width:1px;
height:2px;
.AFButtonTopBackgroundIcon:alias:rtl {
/*content:url(/skins/images/buttonTop.gif); */
content: url("images/buttonTop.gif");
width:1px;
height:2px;
.AFButtonBottomBackgroundIcon:alias {
/*content:url(/skins/images/buttonBottom.gif); */
content: url("images/buttonBottom.gif");
width:1px;
height:2px;
.AFButtonBottomBackgroundIcon:alias:rtl {
/*content:url(/skins/images/buttonBottom.gif); */
content: url("images/buttonBottom.gif");
width:1px;
height:2px;
I am expecting to get some round corners in the button, but it fails in 11g. This only happens in ADF 11g, in 10g, it works. I use JDEV 11.1.1.4.0 and <tr:commandButton> in the UI. What have I possibly missed?
Thanks.
Shawn
Edited by: shawn_abc on May 17, 2012 3:52 PM
Edited by: shawn_abc on May 17, 2012 3:56 PM

Answer 1

Hi Frank,
Yes, I was searching in this url previously: http://myfaces.apache.org/trinidad/skin-selectors.html and couldn't find it either. Is there any way to achieve what I intend to do like using af|commandButton?
Thanks,
Shawn