Css for select fields

[airmail]

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;
}

[condorito.fr]

Hello,

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

Appearance | Select2 - The jQuery replacement for select boxes

There’s also a dedicated forum :

Select2

And a github repo for the premade themes :

GitHub - select2/select2-bootstrap-theme: A Select2 v4 Theme for Bootstrap 3

Hope this helps !

[airmail]

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 { }