Twitter 부트 스트랩 행 줄무늬가있는 테이블 행 강조 표시 제거

Question

트위터 부트 스트랩에서 tr : hover 스타일을 제거하여 행 표식을 사용하지 않고도 테이블 스타일을 사용할 수있는 간단한 방법이 있습니까?

Answer 1

당신이 당신의 테이블에 .table-striped 클래스를 사용 하지 경우에만 있지만, 오른쪽에 있습니다.

이 .table-striped 클래스를 사용하는 인 경우 밝은 회색의 줄무늬가있는 행 위에 마우스를 올려 놓으면 행 강조 표시가 사라지지 않습니다.

옅은 회색 행 위에 마우스를 올리면 행이 연회색에서 투명 (흰색)으로 바뀌므로 우연히 모든 밝은 회색에 행 행 오버 효과가 적용됩니다. 컬러 행. 당신이 다음 블렌더의 원래의 대답에 구축뿐만 아니라, 줄무늬 행에서 호버 효과를 빼앗아해야하는 경우

, 나는 당신이 다른 규칙을 가질 것이라고 생각 이상 타고 :

.table tbody tr:hover td, 
.table tbody tr:hover th { 
    background-color: transparent; 
} 


.table-striped tbody tr:nth-child(odd):hover td { 
    background-color: #F9F9F9; 
} 

좋은 예 : http://jsfiddle.net/pXWjq/

버그 예를 : 다음은 .table 줄무늬 클래스가 회계 작업 jsfiddle 예에 대한 링크입니다 그리고 여기에 (테이블 행 가져가 여전히 발생하는 예입니다 회색 행) 회색 행 호버이 고려되지 않기 때문에 : http://jsfiddle.net/448Rb/

Answer 2

재정이 규칙이 사용

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

: 블렌더의 대답 @

.table tbody tr:hover td, 
.table tbody tr:hover th { 
    background-color: transparent; 
}