Multiple choice widget: Changing the color of check box background and border

  • Profile Image
    Asked on August 08, 2017 at 09:25 AM

    Using the mulitple choice or checkbox element give me a box field the same color as the form and a box outline of an odd color.  How do I make the box field and outline the same color as all my other answer fields, i.e. white with black boarder.


    Thank you

  • Profile Image
    Answered on August 08, 2017 at 11:11 AM

    Please inject this custom CSS code:

    .form-checkbox-item:not(#foo) label:before {
      background-color: #ffffff;
       border: 2px solid #000000;

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    Hope that helps. Thank you.