私はJQueryのUIをダウンロードし、私のソリューションにスクリプトを追加しました。少量のコードで、私は美しい日付ピッカーを持っています。JQueryのUIとテーマ
しかし、自分のCSSファイルから自分のテーマを使用する必要があります。私はサンプルコードに従って日付ピッカーを作成しましたが、スタイルはありません。つまり、既存のテキスト上に表示されます。既存のCSSファイルからCSSスタイルを割り当ててカレンダーの背景を透明にしたり、自分の色を使用したりする方法はありますか?
私はJQueryのUIをダウンロードし、私のソリューションにスクリプトを追加しました。少量のコードで、私は美しい日付ピッカーを持っています。JQueryのUIとテーマ
しかし、自分のCSSファイルから自分のテーマを使用する必要があります。私はサンプルコードに従って日付ピッカーを作成しましたが、スタイルはありません。つまり、既存のテキスト上に表示されます。既存のCSSファイルからCSSスタイルを割り当ててカレンダーの背景を透明にしたり、自分の色を使用したりする方法はありますか?
最も簡単な方法は、現在のテーマに一致するようにThemeRollerを使用してJQuery UIテーマを生成することです。
あなたのテーマにCSSプロパティの背景をファイルに追加することができます。 jquery-ui- 1.8.6.custom.css:
.ui-datepicker { width: 17em; padding: .2em .2em 0; background: salmon;}
私は鮭に背景色を変更すると、あなたの必要のために何を設定することができます。
ありがとう@limc - しかし、私はどのようにそれらを私の日付ピッカーに割り当てるのですか?私はテキストファイル(日付ピッカーを起動する)に使用されているのと同じクラス名を持つCSSファイルをCSSファイルに作成してテストを試みましたが、クラスはおそらくドロップダウンの日付選択ツールではなくテキストボックスにのみ適用されます。どのように日付ピッカーのドロップダウンセクションにテーマを割り当てますか? – Craig
単にクラス名をテキストボックスまたは日付ピッカーに割り当てるのと同じくらい単純ではありません。 JQuery UIは多くのコンポーネントを使用して日付ピッカーを作成します。そのため、手動で作成するのではなく、ThemeRollerに頼るように提案しました。 – limc
独自のCSSに頼らないもう一つの理由は、今後JQuery UIをアップグレードする場合、日付ピッカーコンポーネントが別々に実装されている可能性があり、以前に動作したCSSがアップグレード後に機能しなくなる可能性があります。 – limc