引导日期选择器：文本不清晰；如何更改背景颜色？答案

【问题标题】：Bootstrap datepicker : text not legible; How to change background color?引导日期选择器：文本不清晰；如何更改背景颜色？
【发布时间】：2014-07-25 08:04:15
【问题描述】：

我使用来自 gem 的 bootstrap-datepicker3，他的 Github of bootstrap datepicker

但是我用的是黑色的bootstrap主题，不知道怎么隔离或者改变datepicker窗口的背景色……好像取了主bootstrap主题的背景色。

<div class="form-group">
  <div class="col-lg-10">
    <span class="input-group-addon">Dates</span>
    <div class="input-group" id="datepicker">
      <input class="form-control" type="text" name="date_start" data-behaviour='datepicker'>
      <span class="input-group-addon">à</span>
      <input class="form-control" type="text" name="date_end" data-behaviour='datepicker'>
    </div>
  </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        $('[data-behaviour~=datepicker]').datepicker();
    });
</script>

我尝试了一个解决方案，但它适用于 datetimepicker，它不起作用..

谢谢！

【问题讨论】：

标签： css ruby-on-rails twitter-bootstrap datepicker

【解决方案1】：

尝试覆盖 CSS 中的背景颜色：

.datepicker.dropdown-menu {
  background-color:#FFF;
}

【讨论】：

好的，谢谢，我可以更改颜色文本但不能更改背景。有一些东西会覆盖 .datepicker.dropdown-menu 背景颜色。
无法评论您的答案，但对 * 的一个建议可能是表格，也许？
这个答案对我不起作用。我的日期选择器当前显示在此screenshot 中。我正在使用@Html.TextBoxFor(m => m.DateLastRidden, new { @class = "form-control datepicker", type = "date", data_autoclose="true", data_todayBtn="linked", data_todayHighlight="true" }) 创建日期选择器。

【解决方案2】：

试试这个

  <style type="text/css">
      .datepicker.dropdown-menu table  {
          background-color: #FFFFFF;
      }
  </style>

有效！

【讨论】：

【解决方案3】：

我能够按照以下线程中提供的步骤解决此问题，但需要进行一项更改。我使用了“.datepicker .table-condensed”选择器。

Reduce size and change text color of the bootstrap-datepicker field

【讨论】：