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!

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 5 years, 9 months ago by Jade.

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!