javascript - jquery UI datepicker透明背景

Question

这似乎是一个常见问题，但我尝试了很多答案，但没有一个对我有用。

我正在使用 jquery UI 日期选择器。似乎有些不对劲。这就是我的看法。

我在我的文件中包含了以下内容

• 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;
}

如何让它看起来正常？

Answer 1

我用基本的日期选择器主题和彩色背景(如果你愿意，也可以是透明的)设置了一个 fiddle :http://jsfiddle.net/uscmr3xo/3/

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

事实证明，“背景”具有魔力，而“背景颜色”则没有。由于某些原因，jquery-ui ThemeRoller ( http://jqueryui.com/themeroller/ ) 中没有透明 BG。但是如果你想使用不同的颜色/样式模式，请使用该工具。小心自定义 CSS 以覆盖默认的 jquery-ui 样式。