在引导日期选择器（BS v3）中设置自定义主题颜色

Question

我遇到一种情况，用户可以选择不同的主题。问题出在日期选择器上。该插件的存储库位于：

GitHub: uxsolutions bootstrap datepicker

问题在下图中显示：

我使用javascript在body标签上设置了前景色和背景色。这些值是从服务器发送的。因此，当颜色为黑底白字时，大多数日期选择器窗口为空白。现在，我确实使用日期字段上的click事件提出了部分解决方案。该解决方案基本上可以查找使用datepicker css类的所有DIV，并将颜色设置为主题颜色。这不是理想的解决方案。

我想做的是在CSS类中覆盖CSS颜色属性，但是从我的阅读看来，这似乎是不可能的。我仔细阅读了代码，并使用HTML模板生成了不同的视图。它会立即生成所有内容，然后根据用户输入隐藏/显示不同的DIV帧。基于它使用查找功能来定位事物的事实，我实际上无法进行任何修改。缺少对该插件进行重写以接受颜色主题的方法，我没有看到针对此问题的解决方案吗？

Answer 1

您可以绝对重写该窗口小部件的类。我遇到了一个相关问题，即在导航下拉菜单上更改颜色会使datetimepicker背景变暗，因此我将其添加到样式表中，该样式表在所有boostrap样式之后均会加载。

.bootstrap-datetimepicker-widget { background-color: #fff !important; }

根据您的情况，您需要更改 color：规则，而不是 background-color：

请确保以下几点：

• 使用！important ，以便任何在样式加载后修改内容的javascript都不会覆盖它
• 确保特异性水平高于当前默认值

（{https://www.w3schools.com/css/css_specificity.asp，以防特殊情况）