Custom color for rows on hover while also using custom row banding with matrix tables | XM Community
Skip to main content

Hello,
Currently I have the rows of the matrix table (shown in the photo below) set to be banded gray. I also have the on hover color of the row to be blue with a green border, however, on hover the background color remains default but the border is changed to the desired color. I am not sure what in my code is causing this issue. When I remove the custom banding, the on hover color for rows is still not modified, which tells me that it's not a conflict between setting the rows to be banded and setting the hover color.
ELEVATE banding and hover issue.jpgCode (within custom CSS in look & feel).

table{
border-collapse:collapse !important;
}
tr.ChoiceRow{
 background-color:#F0F0F0;
}
tr.ChoiceRow.ReadableAlt{
 background-color:white;
}
.Skin .ChoiceRow:hover {
background-color: rgb(236,247,216);
border-style: solid;
border-color: #96c93d;
border-width: 3px;
}

Your code appears to be fine.
It's possible that your theme is interfering with it, try a different theme or "!important", if that doesn't work, try putting the CSS in the question HTML.


Leave a Reply