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

 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.

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.

 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.

I've fixed it. Can you check?

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;

}

}

This did correct it.  Thanks.

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. 

@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.