Select

Custom material select

Create a custom material design select using the .form-custom-select class on the <select> tag.

Simple material select

Create a select by adding the .form-control class on it.
The .disabled class or attribute works on the select too.

Multiple select

Use the multiple attribute on the <select> tag to get enable the possibility to select multiple options of your material select.

Basic select

Without the material-form class set, the select design becomes classic and gets a shadow once focused.

Basic multiple select

Creating a multiple select is really simple, you just have to add the multiple attribute on the select element.

Custom select options

Common methods & styling

For all the common methods and styling properties, please refer to the Material forms page.