私は基本的な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
をリセットする
私は基本的な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
をリセットする
使用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
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
box-shadow: none;
}
優先の問題全体がここにもありますが、スタイルシートがもう一方のシートの後に挿入されていると、それは通常動作します。表示されない場合は、none
の後に!important
を追加してください。
あなたの助けに感謝ネイサン! –
私はPrimefacesフレームワークはjQuery UI ThemeRollerを使用して構築済みテーマを利用することを追加したいと思います。
新しいテーマを作成したり、自分の好みに合わせて、既存のテーマを変更するThemeRollerのを使用することができます。
ありがとう私はこのポインタを保持します –
**私はそれの後に私のカスタムスタイルを見つけるために知っておく必要がありますか?ありがとう – merveotesi
[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)を見てください。 –
申し訳ありませんが私ははっきりしませんでした。私が尋ねたいのはtheme.cssの場所ではなく、プロジェクトのコード行に<リンクスタイルシートなど>があります。私はプロジェクトを検索しましたが見つかりませんでした – merveotesi