Dropdown Fields are in Different Colors in Mobile Platforms

  • Profile Image
    ToliverBancroft
    Asked on March 23, 2016 at 05:26 AM

    The form looks perfect on a desktop, but mobile devices (2 different ones I tried with different browsers as well) the dropdown fields are not white like normal. Instead they have turned gray, the same color as my form. I tried pasting new css as was seen on another users question but it didn't work for me. Please help asap!

    Here is the link to my form: https://form.jotform.com/60815257084154

    Thanks in advance!

  • Profile Image
    mert
    Answered on March 23, 2016 at 08:22 AM

    Presumptively, the drop-downs are working with the browsers' styling even if they are on desktops. Please, see the changes on Firefox and Chrome from the image below:

     

    However, we can change it partially by using the following CSS code from the below:

     

    .form-dropdown {

        background-color: white !important;

    }

     

    Please, see the results from the below:

     

    I hope this one will work for you. For further assistance, please do let us know.

    Regards.