jquery UI datepicker透明背景

时间:2015-03-23 16:12:54

标签: javascript jquery css jquery-ui datepicker

这似乎是一个常见的问题,但我已经尝试了许多答案,但没有一个对我有用。

我正在使用jquery UI datepicker。有些东西似乎是错的。这就是我的看法。

enter image description here

我在文件

中包含了以下内容
  • 的jquery-1.11.2.min.js
  • jquery-ui.min.js(版本1.11.4)
  • jquery-ui.min.css(版本1.11.4)

我也试过下面的css但是没有用。

.ui-datepicker {
  background: #fff !important;
  z-index: 10000;
}

如何让它看起来正常?

1 个答案:

答案 0 :(得分:7)

我设置了一个基本的datepicker主题和彩色背景的小提琴(如果你愿意,可以透明):http://jsfiddle.net/uscmr3xo/3/

.ui-datepicker {
    /*background: transparent;*/
    background: blue;
}

原来"背景"在"背景颜色"没有按'吨。 由于某些原因,jquery-ui ThemeRoller(http://jqueryui.com/themeroller/)中没有透明的BG。但是如果你想使用不同的颜色/样式架构,请使用该工具。小心定制CSS以覆盖默认的jquery-ui样式。