Dropdowns in form not working and the text is not visible

  • rekindlelearning
    Asked on August 13, 2019 at 6: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

  • roneet
    Replied on August 13, 2019 at 7: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.

  • TOKA LITHEKO
    Replied on August 14, 2019 at 8: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

  • roneet
    Replied on August 14, 2019 at 9: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.