prevent richfaces default style to overwrite user defined style

[eve_fang]

Hi,

I have several richfaces components on the page. Im trying to set the style for each component, however, the style i have defined is being overwritten by the default style..i have defined the style in external css file.

I have notice that if i place the style on the page itself, it will work, however, i cant put it on the page itself, the page style will varies on where the page is being called.

Hence, I need to defined the style in external css file. Is there any way to prevent richfaces default style from overwritting user defined style? 

[strannik]

Hi, Eve

I encountered the same behavior in RF 4.x.(opposite to the 3.x functionality)

After several attempts I got the following solution

1) Create application.css file(with necessary styles) and put into /application/resources/css

2) Put first line after <h:body> the following line

<h:outputStylesheet library="css" name="application.css" />

After that my custom styles overwrite default RichFaces styles.

[baz]

Hello,

This does not work for me, with Richfaces 4.2

I get this, with a page that does not use any Richfaces component.

{code}

link type="text/css" rel="stylesheet" href="/testmvn-war/javax.faces.resource/hello.css.xhtml?ln=css"
link type="text/css" rel="stylesheet" href="/testmvn-war/rfRes/skinning.ecss.xhtml?db=eAG7mShzEgAFjAIg" />

{code}

If i put Richfaces components on the page. The stylesheets will be rendered after my hello.cs.

...

<h:outputStylesheet name="hello.css" library="css"/>

<h:body>

Any suggestions?