hi, I have some contextual links within some survey questions. The questions are styled to be buttons.
Problem is when selecting the button the blue hyperlink is barely readable against the dark button colour.
I would like to change the hyperlink text to white when the button is checked. Changing the hover or active on the link does not change the button styling.
.Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked {
background: #003b3f;
border-color: #000;
color: fff;
}
a:link {
color: blue;
}
/* visited link*/
a:visited {
color: blue;
}
/* mouse over link */
a:hover {
color: blue;
}
/* selected link */
a:active {
color: blue;
}
Page 1 / 1
peter.jones2
One simple solution could be to just change the layout to flat or modern and you will get radio button to click.
Other is to include a class element in the CSS and toggle it when the button is clicked. You can use the below
.Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked a {
color: #fff;
}
Preview:
Hope it helps!
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.