重新着色 bootstrap-datetimepicker答案

【问题标题】：Recolor bootstrap-datetimepicker重新着色 bootstrap-datetimepicker
【发布时间】：2016-04-30 01:45:21
【问题描述】：

我正在使用bootstrap-datetimepicker，我不想重新着色.today 标志，但我找不到正确的css 选择器。

这就是我所拥有的：

#datetimepicker .dropdown-menu {
    td.active{
        color: red;
        background-color: blue;
    }

    td.today:not(.active) {
        color: white;
        background-color: orange;
    }
 }

【问题讨论】：

标签： css twitter-bootstrap-3 less bootstrap-datetimepicker

【解决方案1】：

改变

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}

您可能还想更改border-bottom-color: #337ab7;

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

【讨论】：

【解决方案2】：

由于插件版本的更新，类名可能会不时更改。

.bootstrap-datetimepicker-widget.dropdown-menu {
  background-color: #30363b;
  border-color: #2b3135;
  width: 100%;
}
.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
  display: none !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu .arrow {
  display: none !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu .arrow:after,
.bootstrap-datetimepicker-widget.dropdown-menu .arrow:before {
  display: none !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu a span:hover,
.bootstrap-datetimepicker-widget.dropdown-menu a span:focus {
  background-color: #32aa62 !important;
  color: #fff !important;
}

【讨论】：