jquery UI datepicker透明背景答案

【问题标题】：jquery UI datepicker transparent backgroundjquery UI datepicker透明背景
【发布时间】：2015-05-26 17:27:50
【问题描述】：

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

我正在使用 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;
}

如何让它看起来正常？

【问题讨论】：

这是你唯一的 CSS 吗？
顺序是什么？确保在 jquery ui 之前加载 jquery 还要确保您没有多次加载任何 jquery（如果您使用捆绑包可能会发生）
你是什么意思“jquery相关的css”？任何其他 CSS可能会影响日历。这一切都取决于你拥有什么。
在 chrome 中尝试右键单击元素并选择“检查元素”，然后在“样式”面板中查看可能导致此效果的任何规则。您可以取消选中它们以查看如果它们被删除会发生什么
@j08691：问题是由于缺少 jquery 附带的 image 文件夹。

标签： javascript jquery css jquery-ui datepicker

【解决方案1】：

我用基本的日期选择器主题和彩色背景（或透明，如果你愿意）设置了一个小提琴：http://jsfiddle.net/uscmr3xo/3/

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

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

【讨论】：