Quote (grievance @ Mar 12 2014 04:42pm)
something like the following should work
.text { color: black; }
.box {background-color: white; }
.box:hover .text {color: white; }
.box:hover {background-color: black; }
.
Code
<style style="text/css">
.hoverTable{
width:80%;
border-collapse:collapse;
}
.hoverTable td{
padding:7px;
}
/* Define the default color for all the table rows */
.hoverTable tr{
background: #F2F6E6;
padding-bottom: 15px;
}
/* Define the hover highlight color for the table row */
.hoverTable tr:hover {
background-color: #333333;
color:#FFF;
}
a:hover {
color:#FFF;
}
</style>
This is what i use. When i hover over the box it highlights the background. but it should highlight background + text. Only when i hover over the text link it changes