How do I change the hover over color for a hover over table in Bootstrap

Question

I have a table with class  table-hover    The default hover over color is a white   light grey   How do I change this color    I ve tried overwriting the default by adding the following to my dominant style sheet   table-hover tbody tr hover  gt  th     background-color   D1D119      Unfortunately  the above does not work

User · Answer

Instead of changing the default table-hover class, make a new class ( anotherhover ) and apply it to the table that you need this effect for.

Code as below;

.anotherhover tbody tr:hover td { background: CornflowerBlue; }

User · Answer

table-hover tbody tr hover td       background   ffffff

User · Answer

try    table-hover  gt  tbody  gt  tr active hover  gt  th                   background-color   color

User · Answer

Give this a try    table-hover tbody tr hover td   table-hover tbody tr hover th     background-color   color

User · Answer

This was the most simple way to do it imo and it worked for me    table-hover tbody tr hover td       background  aqua      Not sure why you would want to change the heading color to the same hover color as the rows but if you do then you can use the above solutions   If you just want t

User · Answer

HTML CODE     lt table class  table table-hover  gt       lt thead gt           lt tr gt               lt th gt Firstname lt  th gt               lt th gt Lastname lt  th gt               lt th gt Email lt  th gt           lt  tr gt       lt  thead gt       lt tbody gt           lt tr gt               lt td gt John lt  td gt               lt td gt Doe lt  td gt               lt td gt john example com lt  td gt           lt  tr gt           lt tr gt               lt td gt Mary lt  td gt               lt td gt Moe lt  td gt               lt td gt mary example com lt  td gt           lt  tr gt           lt tr gt               lt td gt July lt  td gt               lt td gt Dooley lt  td gt               lt td gt july example com lt  td gt           lt  tr gt       lt  tbody gt    CSS CODE   table-hover thead tr hover th   table-hover tbody tr hover td       background-color   D1D119      The css code indicate that   mouse over row       table-hover   thead   tr hover   background color of th will change to  D1D119     th   Same action will happen for tbody      table-hover tbody tr hover td

User · Answer

This worked for me    table tbody tr hover td   table tbody tr hover th       background-color   eeeeea

User · Answer

Try Bootstrap   s  table-hover class to implement hoverable rows  for example   lt table class  table table-hover  gt         lt  table gt

User · Answer

This is for bootstrap v4 compiled via grunt or some other task runner  You would need to change  table-hover-bg to set the highlight on hover   table-cell-padding              75rem  default   table-sm-cell-padding           3rem  default    table-bg                       transparent  default   table-accent-bg                rgba 0 0 0  05   default   table-hover-bg                 rgba 0 0 0  075   default   table-active-bg                 table-hover-bg  default    table-border-width              border-width  default   table-border-color              gray-lighter  default

User · Answer

table-hover tbody tr hover td       background  aqua      this is the best solution i can gice so far it works out perfectly in such scena

User · Answer

For me  pvskisteak5 answer has caused a  flicker-effect   To fix this  add the following                table-hover tbody tr hover               table-hover tbody tr hover td               table-hover tbody tr hover th                  background  22313F  important                  color  fff  important

[twitter-bootstrap] How do I change the hover over color for a hover over table in Bootstrap?

Examples related to twitter-bootstrap