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

  • DebCarr
    Asked on August 8, 2017 at 9: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

  • Jan
    Replied on August 8, 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:

    Multiple choice widget: Changing the color of check box background and border Image 1 Screenshot 20

    Hope that helps. Thank you.