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

基本上看你是改变 border＆amp; td中的背景色，然后是白色背景色显示。生成此场景所有表。请参见下面的简单示例

参见小例

＆＃13;

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

＆＃13;

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

＆＃13;

然后我的意见Best Solutions是您可以设置Table background-color 以及您所需的更改颜色。然后您无法获取此问题。

小提琴演示 Here

具有有效日期

1 个答案: