2011-01-31 8 views
3

私はJQueryのUIをダウンロードし、私のソリューションにスクリプトを追加しました。少量のコードで、私は美しい日付ピッカーを持っています。JQueryのUIとテーマ

しかし、自分のCSSファイルから自分のテーマを使用する必要があります。私はサンプルコードに従って日付ピッカーを作成しましたが、スタイルはありません。つまり、既存のテキスト上に表示されます。既存のCSSファイルからCSSスタイルを割り当ててカレンダーの背景を透明にしたり、自分の色を使用したりする方法はありますか?

答えて

6

最も簡単な方法は、現在のテーマに一致するようにThemeRollerを使用してJQuery UIテーマを生成することです。

+0

ありがとう@limc - しかし、私はどのようにそれらを私の日付ピッカーに割り当てるのですか?私はテキストファイル(日付ピッカーを起動する)に使用されているのと同じクラス名を持つCSSファイルをCSSファイルに作成してテストを試みましたが、クラスはおそらくドロップダウンの日付選択ツールではなくテキストボックスにのみ適用されます。どのように日付ピッカーのドロップダウンセクションにテーマを割り当てますか? – Craig

+0

単にクラス名をテキストボックスまたは日付ピッカーに割り当てるのと同じくらい単純ではありません。 JQuery UIは多くのコンポーネントを使用して日付ピッカーを作成します。そのため、手動で作成するのではなく、ThemeRollerに頼るように提案しました。 – limc

+1

独自のCSSに頼らないもう一つの理由は、今後JQuery UIをアップグレードする場合、日付ピッカーコンポーネントが別々に実装されている可能性があり、以前に動作したCSSがアップグレード後に機能しなくなる可能性があります。 – limc

5

あなたのテーマにCSSプロパティの背景をファイルに追加することができます。 jquery-ui- 1.8.6.custom.css

.ui-datepicker { width: 17em; padding: .2em .2em 0; background: salmon;} 

私は鮭に背景色を変更すると、あなたの必要のために何を設定することができます。

関連する問題