How do I style a Dropdown select field?

[JaredL]

I want to change the blue color and shape of a selected Dropdown.  I believe it takes more than CSS and requires Javascript.  Please check the attached image. Any ideas? Thanks!

 

Jared

Edited February 21, 2019 by JaredL
added tags

[cheonsa]

Hi @JaredL,

 

I understand that you want to change the color and shape of the dropdown. This can be done by adding some CSS code on your style. 

Go to the Style tab and edit the style you are using. Go to Source tab and click All. Look for ".cbFormSelect" then add this following code:

background-color:#1c528d;
border-radius: 10px 10px 10px 10px;

Please see the attached screenshot below: 

 

You can change the value of the background-color and the border-radius based on what you prefer.

 

 

Hope this helps.

 

-kristina

 

 

[Kurumi]

I also have the same problem with this but I found an article that tells me that the outline in the options part can't be changed.
Here's the link: https://stackoverflow.com/questions/14639638/how-to-remove-border-of-drop-down-list-css

In CSS, I used the code

outline: none;

I hope this helps!