Monday, June 3, 2024
Homepage · css
 Popular · Latest · Hot · Upcoming
121
rated 0 times [  128] [ 7]  / answers: 1 / hits: 30472  / 10 Years ago, tue, september 9, 2014, 12:00:00

I am using JQuery datatable,

I need to change the color of the row on the mouse over event (the highligthed row)

I tried:



table.display tr.even.row_selected td {

    background-color: red;

}



table.display tr.odd.row_selected td {

    background-color: blue;

}


JSFiddle


More From » css
 Answers
6

Try this CSS: 



table.display tbody tr:nth-child(even):hover td{

    background-color: red !important;

}



table.display tbody tr:nth-child(odd):hover td {

    background-color: blue !important;

}


UPDATED jsFIDDLE DEMO


[#69520] Saturday, September 6, 2014, 10 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
christianu
Add To Favorites
Follow
Total Points: 481
Total Questions: 124
Total Answers: 99
Location: Trinidad and Tobago
Member since Thu, Dec 1, 2022
2 Years ago
;