How to remove border from dropdown field?

Hello @arkadiuszz,

Please try the following custom CSS snippet:

div.wpforms-container .wpforms-form .is-focused .choices__inner, 
div.wpforms-container .wpforms-form .is-open .choices__inner,
div.wpforms-container .wpforms-form .is-open .choices__list--dropdown,
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input:focus {
    box-shadow: none !important;
    border-color: #ccc !important;
} 

And in case it helps, here’s a tutorial from WPBeginner on how to add custom CSS like this to your site.

Hope this helps!

Yes it’s better, the outside border gone but stil i see one blue border inside.
screenshot

Hello @arkadiuszz,

Please try update the previous code I suggested to:

body div.wpforms-container .wpforms-form .is-focused .choices__inner, 
body div.wpforms-container .wpforms-form .is-open .choices__inner,
body div.wpforms-container .wpforms-form .is-open .choices__list--dropdown,
body div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input:focus {
    border-color: #ccc !important;
    box-shadow: none !important;
}

I hope this helps!

• This reply was modified 4 years, 6 months ago by Jade.

Yes, perfect ??

Hi @arkadiuszz,

Glad to hear it’s sorted. ?? I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!