Dropdown: How can I make it so the box size and font is like all of the other fields?

Hi,

I"m using the address field for my form (here: https://form.jotform.com/201621949160048), but for the country drop-down field, i'm noticing that it's doesn't take on the same formatting as my other fields. I've managed to add CSS so that the background of the field box is the same gray, but how can i make it so the box size and font is like all of the other fields?

Thanks,

Tehila

Hello,

Thank you for reaching out.

You can use the following snippet to adjust the Select field's appearance. -How to Inject Custom CSS Codes.

select {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
    padding-right: 3px !important;
    max-width: 288px !important;
    font-size: .9em !important;
    color: #000 !important;;
}

Fine tune the element style to your liking by changing property's the value.

Note that the code above will change the appearance, most, if not all of your Select fields(dropdown).

If you only need to change the Country field, use the following code instead.

#input_4_country {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
    padding-right: 3px !important;
    max-width: 288px !important;
    font-size: .9em !important;
    color: #000 !important;;
}

Once applied, it should look something like so.

Please give it a whirl and let us know if this fits your requirements.

Thank you so much! this worked perfectly!