Проблема с фоновым цветом Bootstrap-datepicker с активными датами

Question

Я пользуюсь Bootstrap datepicker и хочу, чтобы активные даты были круглыми. Я в настоящее время использую border-radius: 50% на TD с активной датой, но это вызывает проблемы, как я хотел бы таблицу даты, зебра полосатая

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 затем белом фоне цветного дисплея. Этот сценарий все таблицы генерируются .См ниже простого примера

См небольшой пример

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>

Тогда мое мнение Best Solutions, что вы можете установить Table цвет фона и ваш требуемый цвет изменения цвета. Тогда вы не сможете воспользоваться этой проблемой.

Fiddle DemoHere