활성 날짜가있는 부트 스트랩 날짜 표시 자 배경색 문제

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 다음 흰색 배경색 디스플레이. 모든 테이블이 간단한 예를 아래에 .see 생성이 시나리오

참조 작은 예

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 배경 색상을 설정할 수 있습니다 및 필요한 변경 tr 색상. 다음이 문제를 가져올 수 없습니다.

바이올린 데모Here