Select

Customize the native select elements with custom CSS that changes the element's initial appearance.

On this page

Default

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

Selected
vue

Sizing

You may also choose from small and large custom selects to match our similarly sized text inputs.

vue

The multiple attribute is also supported:

Selected
[2,3]
vue

As is the length attribute:

vue

Disabled

Add the disabled boolean attribute on a select to give it a grayed out appearance and remove pointer events.

vue
On this page