hyperlinks within buttons | XM Community
Skip to main content

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;

image.pngimage.pngimage.png

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:
image.png

Hope it helps!


Leave a Reply