Twitter Bootstrap удаляет ярлык строки строки с полосами строки

Ответ 1

@Blender выполняется правильно, но только если вы не, используя класс .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;
}

хороший пример. Здесь приведена ссылка на рабочий пример jsfiddle, где учитывается класс .table-striped: http://jsfiddle.net/pXWjq/

пример с ошибкой. И вот пример, где наводнение строки таблицы все еще происходит (на серых строках), потому что наведение на серой строке не учитывается: http://jsfiddle.net/448Rb/

Ответ 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;
}