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

  • Profile Image
    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.
  • Profile Image
    Answered on May 29, 2015 at 11:24 AM


    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?


    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: You can use that Tool to better design your forms.

  • Profile Image
    Answered 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.

  • Profile Image
    Answered 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

    2. Internet Explorer


    3. Mozilla Firefox

    4. Chrome on Android Device


    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: See if that should give you a better display.