字体和颜色变化不仅仅适用于日期选择器

Question

我创建了一个使用 angularjs 获取日历的应用程序，我使用 angular-bootstrap-datetimepicker 插件来实现它。该应用程序运行良好，但问题是当我应用以下样式时，我希望日历的字体大小为 font-size: 105%，它适用于整个页面。

 *, th, tr {
  font-size: 105% !important;
}

还有我如何更改日历的默认蓝色 我的工作演示显示在 JSFiddle

Answer 1

在日历 table 上应用 css 而不是所有元素，例如 替换

*, th, tr {
  /* text-rendering: optimizeLegibility; */
  font-size: 105% !important;
}

来自

.table-striped {
  /* text-rendering: optimizeLegibility; */
  font-size: 205% !important;
}

Answer 2

尝试通过日期选择器本身缩小范围：

#datepicker > *, th, tr {
  font-size: 105% !important;
}