2011-01-31 69 views
3

我下載了JQuery UI,並將腳本添加到我的解決方案中,並使用少量代碼,我有一個漂亮的日期選擇器。JQuery UI和主題

但是,我需要從我的css文件中使用我自己的主題。我已經根據示例代碼創建了日期選擇器,但它沒有樣式。也就是說,它顯示在現有的文本上。有沒有一種方法可以從我現有的css文件中分配CSS樣式,以使日曆的背景不透明,並使用我的顏色?

回答

6

最簡單的方法是使用ThemeRoller來生成與您當前主題相匹配的JQuery UI主題。這比你手動創建它,因爲你需要匹配所有的jQuery UI使用的CSS namings好得多,

+0

謝謝@limc - 但那我該如何將它們分配給我的日期選取器?我在我的CSS文件中創建了一個CSS類,並在我的文本框中使用了相同的類名(這會觸發Date Picker),但是該類可能只應用於文本框 - 而不是下拉日期選擇器。我如何將主題分配給日期選擇器的下拉部分? – Craig 2011-01-31 02:41:58

5

可以在文件 jQuery的用戶界面 - 在下一行添加CSS屬性背景爲您的主題化1.8.6.custom.css

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

我改變背景顏色爲鮭魚,你可以設置你需要的事情。