There appears to be larger issues with combining skinning with css, unless I am doing something wrong. When I use skin in my application and then try to override a specific component with custom css, the css is ignored and the skin is used regardless. For example, if I define a panel as follows:
<rich:panel header="My Accounts" id="searchResultsPanel" styleClass="search_panel" headerClass="search_panel_header" width="100%">
Despite having the styleClass and headerClass, the panel shows up using the styling that is defined in the skin. The skin styling is also used if I attempt to override the panel css classes, rf-p-hdr for example, in my css file.
In Firebug, the above component shows up having both my css class, search_panel_header and the standard richfaces class using the skin, rf-p-hdr, so my css class is there, but is just not being applied.
If I override the ecss file for Richfaces and use that using h:outputStylesheet, then it works using the style I want.
Is this a bug or am I doing something wrong? Any thoughts?