Css for select fields

Hello,

I’m facing problem with select fields form css customize. I try to make the form field look standard across the form.

I’ve try with this css but it no working. When I reload the page, I can see the select form change for a second but it when back to default setting. Please assist with the CSS for styling select field form.

.select2-container--default .select2-selection--single .select2-selection__rendered {
	border: 1px solid #bbb !important;
	border-radius: 12px !important;
	height: 40px !important;
}

Hello,

I am no expert here, but I found the website for the original library.
And there is a page of interest here :

There’s also a dedicated forum :

And a github repo for the premade themes :

Hope this helps !

Hi Cotasson,

Thank you for the help. Finally I found the css code to customize. Take me almost a day.

For those who want to customize the select dropdown form, can try using this.

.select2-selection.select2-selection–single { }

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.