I want to make my checkbox question have a checkmark if selected.


Asked on November 30, 2022 9:31 AM


Currently I have 2 fields that make people checkmark something. However when selected they just become white instead of getting an actual checkmark. For clarity I would like to really have this checkmark in there instead of the colour. I cannot find a way to make this happen though.

Georgiana B

Answered on December 2, 2022 10:50 AM

123FormBuilder Support
Thank you for reaching out to us. 
By default, when using our Multiple Choice field, the selected option is marked with a white check mark and a black background as seen below. 

Checking your form, I’ve noticed that you customized its design, and set up the background for the selected choices as white. Thus, since both the check mark and background have the same color, the check mark is no longer visible. 
To change the check mark color, please apply the below CSS code under the Design->Add custom CSS section of your form. Of course, you can change the “#080808” hex code with the desired one. 
  • #form div[data-role=”control”][data-type=”check-box”] input[data-role=”i123-input”][type=checkbox]:checked + label:after, #form div[data-role=”control”][data-type=”check-box”] input[data-role=”i123-input”][type=checkbox]:checked + i.checkbox-icon:after, #form div[data-role=”control”][data-type=”terms-of-service”] input[data-role=”i123-input”][type=checkbox]:checked + label:after { color: #080808!important;}

In case you need any other assistance, please let us know.