Example

Custom styles are limited to the select 's initial appearance and cannot modify the option s due to browser limitations.

Open this select menu 1 2 3

Pilled select

Use the .rounded-full utility class to make select circular.

Open this select menu 1 2 3

Label

Basic input example with label.

Label Open this select menu 1 2 3

Disabled

Disabled input.

Open this select menu 1 2 3

Sizes

Selects stacked small to large sizes.

Open this select menu 1 2 3 Open this select menu 1 2 3 Open this select menu 1 2 3

Hidden label

label elements hidden using the .sr-only class

Label Open this select menu 1 2 3

Validation states

It provides valuable, actionable feedback to your users with HTML5 form validation.