Differences
This shows you the differences between two versions of the page.
— | development:css:highlight_table_row [2019/10/31 09:04] (current) – created - external edit 127.0.0.1 | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== Highlight table rows using CSS ====== | ||
+ | In order to highlight a table row without using javascript, use the following CSS code: | ||
+ | <code css> | ||
+ | tr {background-color: | ||
+ | tr:hover {background-color: | ||
+ | </ | ||
+ | Or if you only want to highlight certain rows, use this CSS code: | ||
+ | <code css> | ||
+ | tr.hl {background-color: | ||
+ | tr.hl:hover {background-color: | ||
+ | </ | ||
+ | And don't forget to add the ' | ||
+ | Table: | ||
+ | <code html> | ||
+ | < | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | <tr class=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | <tr class=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | </ | ||
+ | </ |