JSF 2.1 + RichFacesの4 - 豊富な変更：dataScrollerのデフォルトのスタイルシート

私は、次のタグがあるページがあります。私がしようとしている今JSF 2.1 + RichFacesの4 - 豊富な変更：dataScrollerのデフォルトのスタイルシート

<rich:dataScroller for="productsList" id="scroller" maxPages="10">

：

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

とdataScrollerのいくつかの種類を私のstyle.cssファイルに

.rf-ds { background: black; }

を追加して、dataScrollerのデフォルトのCSSスタイルを上書きします。

変更内容は表示されません。 Firebugを開くと、両方の.rf-dsクラスが自分のcssから来ていて、無効になっていて、2番目のクラスはデフォルトのdataScrollerクラスです。

どのようにデフォルトクラスをオーバーライドできますか？

出典

2011-07-26 danny.lesnik

追加しようと、このようなあなたのCSSに重要：

.rf-DS {背景：！！黒重要。 }

http://www.electrictoolbox.com/using-important-css/

出典

2011-07-27 06:37:40

あなたは私を救った！ –

を参照してください、それがあなた CSSの優先順位を与え、独自の CSSをロードした後、私は、<link>を取り付けたRichFacesの負荷のCSSを見てきたものをご<head></head> .Fromに<link rel="stylesheet" type="text/css" href="/resources/css/style.css" />を試してみてください。私たちのプロジェクトでは、多くのコンポーネントのCSSをカスタマイズする必要がありました。!importantを追加することは、そのような洗練されたソリューションではありません。そこで私たちはこのアプローチを取った。

出典

2011-07-30 11:51:25 Nikhil

JSF 2.1 + RichFacesの4 - 豊富な変更：dataScrollerのデフォルトのスタイルシート

答えて

関連する問題