kingrenlike
New Member
I have the following code:\[code\]<tr><td class="style3">test</td></tr>\[/code\]and\[code\]$("tr").hover( function () { $(this).css("background-color","#d9e8cd"); $(this).css("font-weight","bold"); $(this).children().css("color","#222222 !important"); }, function () { $(this).css("background-color",""); $(this).css("font-weight",""); $(this).children().css("color","#4b4a4a"); });\[/code\]The problem is that the text colour will not change, i tried specifying the tr but it wont work so I assumed targeting the td would make it work because of the style3 class which specifies a colour. How can I make it so that the colour of the text changes when the tr is hovered over?This is an online demo http://jsfiddle.net/B7dMd/