Add selection to clickable table row (using upload) - CSS

I want to highlight a line on mouseover (hover). I use bootstrap, and on the table I use my table-striped class, so when I write css:

 tbody { tr:hover { background-color: #ff0; } } 

It changes color only to white lines, but not to others. Not sure if the best way to solve this problem. Maybe I can somehow rewrite the strip label? How can I do it?

+6
source share
1 answer

Try using table rotation and override the color as follows.

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

http://bootply.com/93988

+10
source

Source: https://habr.com/ru/post/958028/


All Articles