Firefox에서 표의 테두리 반경이 작동하지 않습니다.

Question

모든 기능은 Internet Explorer 및 Chrome에서와 동일하게 작동합니다. 하지만 파이어 폭스에는 둥근 모서리가 전혀 없다. 문제가 무엇인지 단서가있는 사람이 있습니까? 나는 -moz- 및 -webkit- 태그를 제거하려고했지만 아무런 차이가 없다. 테두리 반경은 Firefox, Chrome 및 Internet Explorer의 최신 버전에서 지원되어야합니다.

모든 솔루션?

코드 :

.evenOddColoursLight tr:not(.noEvenOddColoursLight), .evenOddColour1L{ 
background-color:#f6f6f4; 
} 
.evenOddColoursLight tr:nth-child(odd):not(.noEvenOddColoursLight), .evenOddColour2L{ 
background-color:#efeeeb; 
} 

.forum-table th:first-child { 
-moz-border-radius: 10px 0 0 0; 
-webkit-border-radius: 10px 0 0 0; 
border-radius: 10px 0 0 0; 
} 

.forum-table th:last-child { 
-moz-border-radius: 0 10px 0 0; 
-webkit-border-radius: 0 10px 0 0; 
border-radius: 0 10px 0 0; 

} 

.forum-table tr:last-child td:first-child { 
-moz-border-radius: 0 0 0 10px; 
-webkit-border-radius: 0 0 0 10px; 
     border-radius: 0 0 0 10px; 
} 

.forum-table tr:last-child td:last-child { 
-moz-border-radius: 0 0 10px 0; 
-webkit-border-radius: 0 0 10px 0; 
     border-radius: 0 0 10px 0; 

} 

.forum-table table tr:last-child td { 
border-bottom: none; 
} 

.forum-table td { 
padding:10px; 
} 

.forum-table th { 
padding:5px 5px 5px 10px; 
} 

모두에서이 코드를 발견 :

Answer 1

는 .evenOddColoursLight을 제거하여 그것을 해결 및 추가 :

.forum-table tr:nth-child(odd) td, .forum-table tr:nth-child(odd) th { 
    background-color: #efeeeb; 
} 

.forum-table tr:nth-child(even) td, .forum-table tr:nth-child(even) th{ 
    background-color: #f6f6f4; 
} 

Answer 2

http://jsfiddle.net/SUhsD/ 그냥 개별 셀 스타일로 재생할 수 있습니다. 파이어 폭스와 크롬에서 작업 예 : http://jsfiddle.net/AyKE7/

CSS

table { 
    border-collapse: collapse; 
} 

th, td { 
    padding: 4px 7px; 
} 

/* hover */ 
tr:hover th, 
tr:hover td { 
    background-color: lightblue; 
} 

/* hover, left cell */ 
tr:hover th { 
    border-radius: 5px 0 0 5px; 
} 

/* hover, last cell on the right */ 
tr:hover td:last-child { 
    border-radius: 0 5px 5px 0; 
}