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

css twitter-bootstrap-3

asgwar12 02 oct. 14 at 16:44

source to share

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

source to share

Try the following:

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

You can try it here: http://www.bootply.com/2Gp7XHJ9jV

Source: https://github.com/twbs/bootstrap/issues/3223#issuecomment-5735608

+2

webeno 02 oct. 14 at 17:12

source to share

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;
}