2011-01-31 77 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;} 

我改变背景颜色为鲑鱼,你可以设置你需要的事情。