I have a table that supports hovering via class="table-hover"
. However, I want certain rows (that have different colours) not to be highlighted upon hovering.
I have copied the hover rule from bootstrap and adjusted to it tr.no-hover:
.table-hover tbody tr.no-hover:hover > td,
.table-hover tbody tr.no-hover:hover > th {
background-color: inherit;
}
My idea was, that this way it should display the orginal (ie. unhovered) colour of the row, since I wanted the no-hover
to genericly apply to differently coloured rows. But that did not work. Neither did specifying transparent
as colour.
Essentially, what I need is to remove the hover-effect on some rows. Is there any way to do this?
.success, .warning
etc. and in this case i guess you have to do this once per class.