带有活动日期的 Bootstrap-datepicker 背景颜色问题

Question

我正在使用Bootstrap datepicker，我希望活动日期是圆形的。我目前在 td 上使用border-radius: 50% 和活动日期，但这会导致问题，因为我希望日期表是斑马条纹

table > tbody > tr:nth-of-type(odd) {
  background-color: #eee;
}

table > tbody > tr:nth-of-type(even) {
  background-color: #e2e2e2;
}

见jsFiddle example here。

如您所见，圆形日期背后的背景显然是可见的。

知道如何解决这个问题吗？也许通过让日期被包裹在每个 td 内的跨度中，或者使用一些 css 修复？

Answer 1

看到基本上你是在td 中更改 border & background-color 然后白色背景色显示。这个场景所有的表都是生成的。看下面的简单例子

看小例子

table, th, td {
    border: 1px solid black;
}
.active
{
   background-color: green;
   border-radius: 50%;
 }

<table>
  <tr bgcolor="#c2c2c2">
    <th class="active">Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

那么我认为最好的解决方案是你可以设置Table background-color 和您需要的更改 tr 颜色。那么您无法获取此问题。

小提琴演示 Here