Border color for multiple choice for single answer and multiple answers are not changing to black

Question

!
Border color for multiple choice for sing answer and multiple answers are not changing to black on click. Below is the code used for "Minimal 3D - Green" template (attached is the image)

.Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked {

border-color: black;
    
}

.Skin label.MultipleAnswer:hover, .Skin label.SingleAnswer:active {
    border-color: black !important;
}

however on hover it is working :

.Skin label.MultipleAnswer:hover, .Skin label.SingleAnswer:hover {
    border-color: black !important;
}

LaurenK · Accepted Answer

Hey @SamK! It looks like you are targeting the correct elements, but need to add an additional property `border-style: solid;` to set the line styling. I would recommend checking out this page about border properties!

Rich_Boits_Walker · Answer

Hi @SamK I was able to get the following to work from your first example:    .Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked {        border-color: black;        border-width: 2px;    }The border is only a single pixel, so maybe try bumping it up to 1.5px or 2px in width with the purple answer choice background color you're using. I couldn't see it at first without the eye dropper.

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded