Twitter loading tray hangs background color on tables

Question

I spent 45 minutes on how to remove the background color change on hover.

See Fiddle: http://jsfiddle.net/BJrnC/1/

Just in case, I do not understand. When you hover a row in a table table using bootstrap, the background turns gray. The problem is that I really like the layout they have, but I just don't like it.

How to disable it?

Thanks.

Answer 1

To overwrite this function, you can add the following information to the stylesheet:

.table tbody tr:hover td, .table tbody tr:hover th { background-color: transparent; } 

Demo: http://jsfiddle.net/BJrnC/2/

---

Note Noticed that I still get support for this answer. Twitter bootstrap now does this by default. If you want to add hover effects to the table, just add the .table-hover hover class to the body of your table, otherwise just omit it and it should not have any effects when it hangs. This only applies to the latest bootstrap version.