How to change the background color of the drop down selections?

  • cmurtaugh
    Asked on May 29, 2015 at 11:01 AM
    (3) How can I change the color of the default shading in the pull-downs? I want it to be white and not gray... but ONLY when the user hasn't yet clicked on the pull-down. Once they click on the pull-down to view the selections, the background color should remain gray.
  • Charlie
    Replied on May 29, 2015 at 11:24 AM

    Hi,

    I'm not sure what you meant by changing the default shading color, is it in the highlight of the field or inside the options?

    How to change the background color of the drop down selections? Image 1 Screenshot 20

     

    If you could provide us a screenshot or a sample of what you would like to achieve? We'll wait for your response.

    Just a quick tip, you can check our Form Designer Tool video tutorials here: http://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms-. You can use that Tool to better design your forms.

  • cmurtaugh
    Replied on May 29, 2015 at 11:33 AM

    I would like to see if it's possible to make the gray color of these pull-downs white. However, when the user clicks on the pull-down, can the background color remain gray?

    I'm now realizing that this varies based on the browser. This is from Chrome which just may be the way Chrome styles pull-downs.

    How to change the background color of the drop down selections? Image 1 Screenshot 20

  • Charlie
    Replied on May 29, 2015 at 12:18 PM

    I believe that's correct. The drop down field is also dependent on how the browser interprets their styling.

    Here are the test browsers that I did:

    1. Chrome

    How to change the background color of the drop down selections? Image 1 Screenshot 50

    2. Internet Explorer

    How to change the background color of the drop down selections? Image 2 Screenshot 61

     

    3. Mozilla Firefox

    How to change the background color of the drop down selections? Image 3 Screenshot 72

    4. Chrome on Android Device

    How to change the background color of the drop down selections? Image 4 Screenshot 83

     

    I see you have embedded your form using the default embed code. Could you try using the iFrame embed code instead? Here's a guide on that: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code. See if that should give you a better display.