Loading table for all rows, not just any other

Question

I am using Bootstrap 3 and applying table-striped table-hover

tables to my class.

However, I changed the default bar color to green. So for my columns I have green - white - green - white.

Now that I find myself, white turns to blue. It is perfectly. But when I hover over green, it stays green.

How can I find each line, hover over #ecf3f8

?

I've tried this to no avail:

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

+3

asgwar12 02 oct. 14 at 16:44

3 answers

try this:

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

edit: also try this:

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

+2

scooterlord 02 oct. 14 at 16:59

Try the following:

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

+2

webeno 02 oct. 14 at 17:12

Brandon poe · Accepted Answer · 2014-10-02T17:03:49+0000

Sounds like a specificity problem. Try the following:

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