Maxdiff Highlight on worst and best radio buttons

Question

Hi,
I want green highlight color when I mouse over to the best radio buttons and red color for the worst radio buttons.
The below code applies green color for both best and worst. I don't know how to split this code for best and worst. Please help.

<style>
#[% QuestionName() %]_div .highlight{
    background-color: #7FFF00 !important;
}
</style>

Answer 1

Try this out:

<style>
#[% QuestionName() %]_div .best_input_cell.highlight {
    background-color: green !important;
}

#[% QuestionName() %]_div .worst_input_cell.highlight {
    background-color: red !important;
}
</style>

Comments

Thanks Zachary.