Highlight table rows using CSS

In order to highlight a table row without using javascript, use the following CSS code:

tr {background-color: #000000}
tr:hover {background-color: #333333}

Or if you only want to highlight certain rows, use this CSS code:

tr.hl {background-color: #000000}
tr.hl:hover {background-color: #333333}

And don't forget to add the 'hl' class to those rows.


<tr class="hl">
<tr class="hl">
Enter your comment:
231 +10 = 
  • development/css/highlight_table_row.txt
  • Last modified: 2019/10/31 09:04
  • by