How to prevent checkbox labels becoming white (and invisible) when the form is being filled in?

  • maddogs
    Asked on August 15, 2014 at 9:53 PM

    Hi,

     

    My checkboxes look great until you start trying to fill them in - when the field turns yellow and they become white - meaning you can't see them. 

     

    Please can you tell me how I can fix this?

     

    Thanks!

    Jotform Thread 416919 Screenshot
  • Elton Support Team Lead
    Replied on August 15, 2014 at 11:40 PM

    Hi,

    Inject the following CSS codes to your form. This will retain the checkbox label colors on active mode.

    .form-line-active .form-checkbox+label {

    color: #494949;

    }

    Guide: How-to-Inject-Custom-CSS-Codes-to-your-Form

    Result:

    How to prevent checkbox labels becoming white (and invisible) when the form is being filled in? Image 1 Screenshot 20

    Hope this helps!

  • maddogs
    Replied on August 16, 2014 at 4:09 AM

    Thanks very much - but I just noticed I also have the same problem with my radio buttons....do you know what I can do about that?

  • Elton Support Team Lead
    Replied on August 16, 2014 at 5:00 AM

    Use this for radio buttons.

    .form-line-active .form-radio+label {

    color: #494949;

    }

    Cheers!

  • maddogs
    Replied on August 16, 2014 at 5:51 AM

    Great, thanks a lot!