字体和颜色更改不仅适用于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;
}