Css 角度引导日期选择器，如何更改禁用日期样式？

我正在使用angular bootstrap datepicker弹出一个包含可用日期和不可用日期的日历

这是

上个月和下个月日期的样式比禁用日期更“模糊”，但禁用日期与启用日期很难区分

是否可以控制禁用/启用日期的样式？我正在努力学习“btn info.disabled”课程，但收效甚微我想举个例子，在残疾日期的背景下，一些红色的毕业典礼

我认为angular ui bootstrap版本0.10.0文件ui-bootstrap-tpls.js的相关部分是：

angular.module("template/datepicker/datepicker.html", []).run(["$templateCache", function($templateCache) {
  $templateCache.put("template/datepicker/datepicker.html",
    "<table>\n" +
    "  <thead>\n" +
    "    <tr>\n" +
    "      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\"><i class=\"glyphicon glyphicon-chevron-left\"></i></button></th>\n" +
    "      <th colspan=\"{{rows[0].length - 2 + showWeekNumbers}}\"><button type=\"button\" class=\"btn btn-default btn-sm btn-block\" ng-click=\"toggleMode()\"><strong>{{title}}</strong></button></th>\n" +
    "      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\"><i class=\"glyphicon glyphicon-chevron-right\"></i></button></th>\n" +
    "    </tr>\n" +
    "    <tr ng-show=\"labels.length > 0\" class=\"h6\">\n" +
    "      <th ng-show=\"showWeekNumbers\" class=\"text-center\">#</th>\n" +
    "      <th ng-repeat=\"label in labels\" class=\"text-center\">{{label}}</th>\n" +
    "    </tr>\n" +
    "  </thead>\n" +
    "  <tbody>\n" +
    "    <tr ng-repeat=\"row in rows\">\n" +
    "      <td ng-show=\"showWeekNumbers\" class=\"text-center\"><em>{{ getWeekNumber(row) }}</em></td>\n" +
    "      <td ng-repeat=\"dt in row\" class=\"text-center\">\n" +
    "        <button type=\"button\" style=\"width:100%;\" class=\"btn btn-default btn-sm\" ng-class=\"{'btn-info': dt.selected}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" datepicker-disabled=\"dt.disabled\"><span ng-class=\"{'text-muted': dt.secondary}\">{{dt.label}}</span></button>\n" +
    "      </td>\n" +
    "    </tr>\n" +
    "  </tbody>\n" +
    "</table>\n" +
    "");
}]);

---

以前有人遇到过和/或解决过这个问题吗？

我会用一个外部样式表覆盖样式，这样您就不会更改UI引导映射，如果您希望其他开发人员重用该库，这一点很重要

就css而言，禁用的颜色继承了.btn默认样式，其中禁用日期的背景与非禁用日期的背景相同

---

我要做的是覆盖应用于禁用日期的“文本静音”样式。

我只需使用外部样式表覆盖样式，这样您就不会更改UI引导映射，如果您希望其他开发人员重用该库，这一点很重要

就css而言，禁用的颜色继承了.btn默认样式，其中禁用日期的背景与非禁用日期的背景相同

---

我要做的是覆盖应用于禁用日期的“文本静音”样式。

我回答我自己的问题，如果有人关心…：-

我最终解决了这个css破解，在我的表单的css中：

.btn[disabled] {
  opacity: 0.90;
  filter: alpha(opacity=90);
  background-color: #690000;
  color: #777;
}

---

此选项以深红色背景显示禁用日期。。。我觉得这简化了日期选择器的使用，因为禁用的日期可能很多，而且不仅仅是在过去…

我回答我自己的问题，如果有人关心…：-

我最终解决了这个css破解，在我的表单的css中：

.btn[disabled] {
  opacity: 0.90;
  filter: alpha(opacity=90);
  background-color: #690000;
  color: #777;
}

---

此选项以深红色背景显示禁用日期。。。我觉得这简化了日期选择器的使用，因为禁用的日期可能很多，而且不仅仅是在过去…

谢谢。那是肯定的。。。但是我不知道在新的css中写什么…：-正在尝试。。。似乎datepicker在上个月/下个月的几天使用“文本静音”类，而不使用禁用的类。。。顺便说一句，谢谢！这里有一个plunker，你可以分享你的解决方案，它比我第一次想到的所有ng类的东西更烦躁，非常感谢，这应该是我的工作…：-我确实更新了你的plunk以显示我的用例我在问题中链接了它。。。。禁用日期不可选择，但无法从视觉上清晰区分启用日期…：-谢谢那是肯定的。。。但是我不知道在新的css中写什么…：-正在尝试。。。似乎datepicker在上个月/下个月的几天使用“文本静音”类，而不使用禁用的类。。。顺便说一句，谢谢！这里有一个plunker，你可以分享你的解决方案，它比我第一次想到的所有ng类的东西更烦躁，非常感谢，这应该是我的工作…：-我确实更新了你的plunk以显示我的用例我在问题中链接了它。。。。禁用日期不可选择，但无法从视觉上清晰区分启用日期…：-