2011-10-04 28 views
9

私は基本的なCSSを経験しているので、Primefacesによって設定されたスタイルCSSをどのように削除することができますか?CSSをオーバーライドする方法

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield { 
    box-shadow: 0 2px 2px #74B2E2 inset; 
} 

私はデフォルトにbox-shadowをリセットする

答えて

20

使用box-shadow:none自分のスタイルシートmyCustomStyle.css

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield { 
    box-shadow: ?????? (How can I override the styling) 
} 

感謝を作成しました。

box-shadowプロパティーについてthis sourceを参照してください。すべてのプロパティは、同じプロパティを定義し、既定値を使用して「リセット」することができます。

myCustomStyle.cssをPrimefaceのcssファイルよりも優先させるには、のカスタムファイルをの後に含めなければなりません。

最後リゾート:カスタムスタイルが適用されない場合は、お使いの宣言の後!importantを追加します(ただし、セミコロンの前に):box-shadow: none !important

+0

**私はそれの後に私のカスタムスタイルを見つけるために知っておく必要がありますか?ありがとう – merveotesi

+0

[PrimeFacesのドキュメント](http://www.primefaces.org/documentation.html)の414ページの[ユーザーズガイド](http://primefaces.googlecode.com/files/primefaces_users_guide_3_0_RC2.pdf)によると、 CSSファイルはJARファイルの '/ META-INF/resources//theme.css'に置かなければなりません。このコメントでリンクされたPDFファイル(12Mb)を見てください。 –

+0

申し訳ありませんが私ははっきりしませんでした。私が尋ねたいのはtheme.cssの場所ではなく、プロジェクトのコード行に<リンクスタイルシートなど>があります。私はプロジェクトを検索しましたが見つかりませんでした – merveotesi

3
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield { 
    box-shadow: none; 
} 

優先の問題全体がここにもありますが、スタイルシートがもう一方のシートの後に挿入されていると、それは通常動作します。表示されない場合は、noneの後に!importantを追加してください。

+0

あなたの助けに感謝ネイサン! –

0

私はPrimefacesフレームワークはjQuery UI ThemeRollerを使用して構築済みテーマを利用することを追加したいと思います。

新しいテーマを作成したり、自分の好みに合わせて、既存のテーマを変更するThemeRollerのを使用することができます。

+0

ありがとう私はこのポインタを保持します –

関連する問題