Dropdown Fields are in Different Colors in Mobile Platforms

  • ToliverBancroft
    Asked on March 23, 2016 at 5: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!

    Page URL: https://form.jotform.com/60815257084154
  • mert JotForm UI Developer
    Replied on March 23, 2016 at 8: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:

    Dropdown Fields are in Different Colors in Mobile Platforms Image 1 Screenshot 30

     

    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:

    Dropdown Fields are in Different Colors in Mobile Platforms Image 2 Screenshot 41

     

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

    Regards.