Rounded corners in Richfaces components

[nepster48]

I need to apply rounded corners in richfaces components. I'm able to do that in panel very easily as shown in the artical(http://community.jboss.org/thread/147532?tstart=0) but I could not do the same for rich:datatable.

Here's my code...

.rich-table
{
-moz-border-radius-topright:3ex;
-moz-border-radius-topleft:3ex;
-webkit-border-top-right-radius:3ex;
-webkit-border-top-left-radius:3ex;
}
.rich-table-header                     \\ DOES NOT WORK
{
-moz-border-radius:3ex;
-moz-border-radius:3ex;
-webkit-border-top-right-radius:3ex;
-webkit-border-top-left-radius:3ex;
}
.rich-panel-header                       \\WORKS FINE FOR PANELS
{
-moz-border-radius:3ex;
-moz-border-radius:3ex;
-webkit-border-top-right-radius:3ex;
-webkit-border-top-left-radius:3ex;

}

[ilya_shaikovsky]

CSS you using could be not applicable to html table elements. and panel built on div's. I guess that is the reason.

[nepster48]

Thanks for your reply.

i  tried to apply this css in html tables. It worked fine enough. But the  problem is, They are not being applied to datatables. In firebug i can  see those classes as applied to the element but i couln't get rounded  corners.

I could not figure out any problem in the generated html  from richfces