Dropdowns in form not working and the text is not visible

  • Profile Image
    rekindlelearning
    Asked on August 13, 2019 at 06:35 AM

    Hi

    I have created and published a form:

    https://www.jotform.com/build/52572751089563

    1) The fields that are dropdowns are not easily visible (before you could see the triangle arrow)

    2) When you try to select an option from the dropdown, it doesn't actually appear as selected. The dropdown selection remains blank. So I can't select anything

    Please help soonest.


    Rapelang

  • Profile Image
    roneet
    Answered on August 13, 2019 at 07:39 AM

    The drop-down element's input was transparent in color and the options were white in color so you were unable to see the answers selected. I have made the input of the drop-down as black by injecting the following code:


    .form-dropdown {
    background-color:  black!important;
    }

    This has made the input text visible to us. Let us know if you have further questions.

    Thanks.

  • Profile Image
    TOKA LITHEKO 
    Answered on August 14, 2019 at 08:13 AM

    HI,


    Please change the font colour to black, I can only see the text when I highlight what is written.

    https://form.myjotform.com/52572751089563


    Please assist urgently.



    Kind regards

  • Profile Image
    roneet
    Answered on August 14, 2019 at 09:54 AM

    I have injected the following CSS in your form:

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input {

     color: black;
    }
    .form-dropdown {

     color: black;
    background-color: white;
    }

    option {

    background: white;
    }

    I hope this resolves all your issues.

    Thanks.