字体和颜色更改不仅适用于日期选择器

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 > *, th, tr {
  font-size: 105% !important;
}