javascript - Change table row color on hover (jQuery or CSS) -


My problem is that I have already received some 'Highlights' (meaning that they have to publish their The background color of my own has been found) The cells of my desk which do not change my background color when I change the color of the code completely, when the mouse is hovering over it.

Rotation on a line only changes the background color of those cells which are not

I have found this HTML table:

  $ (window) . $ (This) .removeClass ('hover') ($ ('$'));});};  
  #infotable td {padding: 0.7em; Limit: # 969696 1 px solid; }. Highlight {background: # DAFFD6; }. Still {background: yellow; }  
  & lt; Script src = "https://ajax.googleapis.com/ajax/libs/JQuery/1.10.0/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Table & gt; & Lt; Thead & gt; & Lt; TR & gt; & Lt; Th & gt; & Lt; / Th & gt; & Lt; Th & gt; Column 1 & lt; / Th & gt; & Lt; Th & gt; Column 2 & lt; / Th & gt; & Lt; Th & gt; Column 3 & lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt; & Lt; Tbody id = "infotable" & gt; & Lt; TR & gt; & Lt; Td> Line # 1 & lt; / Td> & Lt; Td> 88 9 kg & lt; / Td> & Lt; Td class = "highlights" & gt; 151kg & lt; / Td> & Lt; Td> 1 9 2 kg & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> Line # 2 & lt; / Td> & Lt; Td> 784 kgs & lt; / Td> & Lt; Td> 15 Kgs. & Lt; / Td> & Lt; Td class = "highlights" & gt; 64kg & lt; / Td> & Lt; / TR & gt; & Lt; / Tbody & gt; & Lt; / Table & gt;  

You can get the : hover rule to be more specific than the td.highlight . Try it out:

  #infotable tr: hover td, #infotable tr: hover td.highlight {background: yellow; }  


Comments

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

javascript - data.match(var) not working it seems -

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -