Select

Customize the native <select>s with custom CSS that changes the element’s initial appearance.

Basic

Custom <select> menus need only a custom class, .form-select to trigger the custom styles. Custom styles are limited to the <select>’s initial appearance and cannot modify the <option>s due to browser limitations.

                            
                        

Sizing

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

The multiple attribute is also supported:

As is the size attribute:

                            
                        

Disabled

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

                            
                        
Customise your YODA Preview in Real Time
THEME Dark & Light
CONTENT WIDTH FULL Width & Boxed