How to change the color of the dropdown menu?

  • luismalbas
    Asked on June 1, 2016 at 7:30 PM

    I can't change the color of the dropdown menu so if I'm using black text on a white background, the dropdown is unusable because it's black and you can't see the font.

    Here's my form.  I switched it up a little bit so that I was using greys, but there has to be a way to make the drop down the same color as the input field.

     https://form.jotform.com/60558465157160

     

    Can you help?

     

    Luis

  • Chriistian Jotform Support
    Replied on June 1, 2016 at 9:58 PM

    You can inject the custom css below to make the background white and the text black.

    .form-dropdown option {

        color: #111;

    }

    option {

        background: #fff;

    }

    How to change the color of the dropdown menu? Image 1 Screenshot 20

    Alternatively, if you want the text to be white and the background to be black, then you can use the custom css below instead.

    .form-dropdown option {

        color: #fff;

    }

    option {

        background: #111;

    }

     

  • luismalbas
    Replied on June 1, 2016 at 11:45 PM
    thank you!

    Luis Malbas | President
    *The Training, Learning & Development Conference*
    *T:* 707-634-7882 | *M:* 707-889-1600
    *E: *luis@TheTLDC.com | *W: *www.TheTLDC.com
    [image: Twitter] [image: Facebook]
    [image: LinkedIn]

    ...