What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Drop Down Field: Why does it change its background color in mobile devices?

    Asked by jcrowe on February 29, 2016 at 03:23 PM

     I have a form...

    https://form.jotform.com/60403611326948

    that works well on desktop browsers.  However, the background color of the dropdown on the first question is the same as the form back ground on the iPad or mobile phone.  As a result, people tend to over look the question and have to go back to it (it's required) after they click submit.  

    Also, I've manually changed the color in the CSS, but still no luck.

    Please help, Thanks.

     

    Only happens on iPad, not on mobile phone.

     

    Page URL:
    https://form.jotform.com/60403611326948

    form background
  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 29, 2016 at 07:19 PM

    I tested your form using a mobile emulator and was able to replicate the issue on my end, seems like the background color is an image and it is being distorted on mobile devices, however, it can be fixed, just inject this CSS code to your form:

    #input_44 {

        background: #FFFFFF !important;

    }

    Hope this helps.

  • Profile Image

    Answered by jcrowe on March 01, 2016 at 08:10 AM

     I've entered the code.  It did save it, but nothing changed on the iPad view.  I've cleared the web data/cache on two iPads and on the Jotform end.  Still the same.

  • Profile Image
    JotForm Support

    Answered by Welvin on March 01, 2016 at 09:52 AM

    I've fixed it. Can you check?

  • Profile Image
    JotForm Support

    Answered by Welvin on March 01, 2016 at 09:54 AM

    I've changed the custom CSS codes to the following:

    @media only screen and (max-device-width: 1028px) {

    #input_44 {

        background-color: #fff;

        padding: 13px;

    }

    .form-dropdown {

        -webkit-appearance: none !important;

        -moz-appearance: none;

    }

    }

  • Profile Image

    Answered by jcrowe on March 01, 2016 at 03:07 PM

    This did correct it.  Thanks.

  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 01, 2016 at 04:41 PM

    On behalf of my colleague, you're welcome.

    Do let us know if we can assist you in anything else, we will be glad to help. 

  • Profile Image

    Answered by ToliverBancroft on March 23, 2016 at 04:36 AM

    Hi, I'm still having this issue on my form. I've tried both ways that were indicated above, but the mobile view dropdown color is still staying the same as the form- gray.  Can you please change it for me to white? It only happens on my mobile phone, it's perfect on the web. Thank you so much!!  

     

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

  • Profile Image
    JotForm Support

    Answered by Nik_C on March 23, 2016 at 05:44 AM

    @ToliverBancroft I opened for you separate thread, you can find it here. And we'll assist you there.

    Please open separate threads for your questions so we can address and solve your problem quickly.

    Thank you.