모든 행에 대한 부트 스트랩 테이블 호버

Question

부트 스트랩 3을 사용하고 테이블의 클래스에 table-striped table-hover을 적용했습니다.

그러나 기본 줄무늬를 녹색으로 변경했습니다. 그래서 나는 내 기둥에 녹색 - 흰색 - 녹색 - 흰색을 가지고있다.

이제 내가 가져 가면 흰색이 파란색으로 바뀝니다. 이건 괜찮아. 하지만 초록색 위에 마우스를 올리면 녹색으로 유지됩니다.

어떻게하면 모든 행을 마우스로 가리켜 서 #ecf3f8으로 표시 할 수 있습니까?

나는 아무 소용이 시도했습니다

.table-hover tbody tr.odd:hover td, .table-hover tbody tr.odd:hover th { 
    background-color: #ecf3f8; 
} 

Answer 1

은 특이성 문제 같은데. 다음을 시도해보십시오 :

.table-striped tbody tr:hover td, 
.table-striped tbody tr:hover th { 
    background-color: #ecf3f8 
} 

당신은 여기를 시도 할 수 있습니다 :

.table-striped.table-hover>tbody>tr:hover>td, 
.table-striped.table-hover>tbody>tr:hover>th { 
    background-color: #ecf3f8; 
} 

Answer 2

이 시도 :

.table-hover tbody tr:hover td { 
    background: #ecf3f8 !important; 
} 

편집 :이 시도 :

.table-hover > tbody > tr:hover > td { 
    background: #ecf3f8 !important; 
} 

Answer 3

이 시도 http://www.bootply.com/2Gp7XHJ9jV이

출처 : https://github.com/twbs/bootstrap/issues/3223#issuecomment-5735608이

[부트 스트랩 테이블 스트라이프의