2012-06-15 3 views
4

행 호버에서 배경색 변경을 제거하는 방법을 45 분 보냈습니다.트위터 부트 스트랩이 표의 호버 배경색을 꺼냅니다.

참조 바이올린 :

http://jsfiddle.net/BJrnC/1/ 그냥 경우에 나는 명확하지 않다. 부트 스트랩을 사용하여 테이블의 tbody에서 행을 가져 가면 배경이 회색으로 바뀝니다. 문제는 내가 갖고있는 레이아웃이 정말 마음에 드는 것입니다.하지만 나는 그런 것을 좋아하지 않습니다.

어떻게 비활성화 할 수 있습니까?

감사합니다.

+2

css 클래스의 .table-striped를 포함하지 않는 한 허용 한 대답이 효과가 있습니다. http://stackoverflow.com/questions/10763166/twitter-bootstrap-remove-table-row-highlight-with-row-stripes/10763397#10763397 – mg1075

답변

16

당신은 그 기능을 덮어 스타일 시트에 다음을 추가 할 수 있습니다

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

데모 : http://jsfiddle.net/BJrnC/2/


: 난 아직도이 대답을 upvoted는군요 것으로 나타났습니다. 트위터 부트 스트랩은 기본적으로이 작업을 수행합니다. 표에 호버 효과를 추가하려면 표의 몸체에 .table-hover 호버 클래스를 추가하기 만하면됩니다. 그렇지 않으면 생략하고 마우스를 올리면 효과가 없어야합니다. 이는 최신 버전의 부트 스트랩에만 적용됩니다.

+0

메모가 필요한 것은 내가 필요한 것입니다. thanks – Heraldmonkey

+0

행에 다른 클래스가있을 때 CSS를 통해 호버 색을 변경해야하기 때문에 Upvoted. –

+0

나는 이것을 사용하지 않고, 행에 커스텀 클래스가 추가되었을 때 다른 색을 원했을 때 효과가있었습니다. 그리고 오늘은 전혀 이해할 수없는 이유로 작업을 멈추었습니다. 나는 심지어 무엇이라도 바꿨다고 생각하지 않는다. –

관련 문제