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

    Is it possible to change the colour of a default suggestion (country) on dropdown menu?

    Asked by cookiecrumble67 on December 16, 2015 at 09:40 AM

    I have created a form here, resized, edited and changed colours to suit. HOWEVER, I don't seem to be able to edit the text colour in my address dropdown menu > COUNTRY, whereby you can select your country from a list.  I have put in a default country (united kingdom) and it is white, I have tried numerous ways to change this but don't seem to be able to. I am not a coder and would rather not get involved with editing code ... I just wondered if I was missing something?

    Screenshot
    colour select default country country drop down custom css
  • Profile Image
    JotForm Support

    Answered by Boris on December 16, 2015 at 11:41 AM

    The colors that are currently used in the address drop down field are set by the theme that is applied to your form. We can easily override it, by adding a small bit of custom CSS that will slightly modify the theme to look as you desire.

    The CSS code that we can use to affect only the Country drop downs of your address fields is this one:

    .form-address-country {
        color : #3c3c3c;
    }
    .form-address-country option {
        color : #3c3c3c;
        background : #fff;
    }

    The above code will make the drop down appear as in the following image:

    To add this code to your form, please open it up in the Designer:

    Once the Designer is opened, you can paste the code into the textbox under the CSS tab, and Save your form:

    As a side note, if you wanted to apply the same modification to all drop down fields that would be added to your form, you could use the following CSS code instead:

    .form-dropdown {
        color : #3c3c3c;
    }
    .form-dropdown option {
        color : #3c3c3c;
        background : #fff;
    }

    Please let us know how it goes, and if you need any further clarification or assistance with this, we will be happy to help.

  • Profile Image

    Answered by cookiecrumble67 on December 18, 2015 at 07:49 AM

    That was so simple, thank you for your very clear instruction ... Im such a newbie, but it worked!

  • Profile Image
    JotForm Support

    Answered by Charlie on December 18, 2015 at 10:11 AM

    Thank you for the kind words :) In behalf of my colleague, you are most welcome.

    Feel free to visit us here in the forum if you needed any help again.

    Cheers!