javascript - 字体和颜色更改不仅适用于 datepicker

Question

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

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

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

Answer 1

在日历表上应用 css 而不是像替换这样的所有元素

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

经过

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

Answer 2

尝试通过 datepicker 选择器本身来缩小范围：

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