2012-01-26 11 views
1

themerollerの私のカスタムCSSファイルは、選択要素のfont-familyとfont-sizeを指定します。選択した要素のカスタムjQuery UIテーマフォントスタイルルールを取り消します。

これは問題を引き起こしています。これらのプロパティをUAスタイルシートの値に戻す必要があります。

これを知らずにUAの値に戻す方法はありますか?または、themerollerからCSSファイルを編集する必要がありますか?

答えて

0

要素に登録されているクラスを使用して、変更するjquery-ui要素をターゲットにすることができます。 FirebugやChromeのデベロッパーツールなどのツールを使用して、そのクラスを取得できます。

例:

はjqueryのUIの日付ピッカー月日要素のフォントサイズを変更する:

.ui-state-default, .ui-widget-content .ui-state-default { 
    font-size:20px; 
    color:pink; 
} 

あなたはあなたのメインのCSSファイルの内部であなたの上書きされたCSSを追加することができ、それがあなたの変更をピックアップします。

+0

確かに、juiスタイルのルールを自分でオーバーライドすることは完全に簡単です。それは問題ではありませんでした。それはUAスタイルシートのcssプロパティ値を復元する方法でした。すべてのUAが違うので、私が自分のスタイルシートを作ったとき、私はこれらの値を知らない。私が欲しいのは、そのデバイス上の通常の外観を選択するように選択するためのものです。たとえば、osxのchromeではデフォルトの選択フォントはLucida Grande 11ptです。その仕様は他のUAではうまく機能しない可能性があります。 –

+0

@fsb mm、私はあなたの問題をよく理解していません。あなたはあなたの質問を言い換えることができますか?どのプロパティ値を復元しますか? –

+1

Webページでスタイルが指定されていない場合、またはスタイルシートが割り当てられていない場合、ページ上の要素はUAのスタイルシートを使用してレンダリングされます。そのスタイルシートは、(ウェブブラウザの場合)ブラウザに「デフォルトのスタイルルール」を定義します。各UAには独自の「デフォルトスタイル」があります。したがって、select要素には、任意のUAに特定の「デフォルトスタイル」があります。今、私のjui themerollerスタイルシートは選択にスタイルを適用し、それは問題です。私の質問は、UAのデフォルトが有効になるようにju​​iスタイルを取り除く方法です。 juiのCSSファイルで問題のルールを削除する必要がありますか、自分のCSSファイルでこれを行うことはできますか? –

関連する問題