Moody's CRE

Select

Examples

selects are always wrapped with .select and are block by default, like inputs. Selects are mostly used in forms (when the user is submitting something) and dropdowns are used for things like navigation and selection.

<div class="select">
    <select>
        <option selected>Open this select</option>
        <option>One</option>
        <option>Two</option>
        <option>Three</option>
    </select>
</div>

Disabled State

:disabled form elements will automatically receive this styling. If you need to add disabled styling to a label or something like a group of elements, use .disabled.

<div class="select">
    <select disabled>
        <option selected>Select one</option>
        <option>One</option>
        <option>Two</option>
        <option>Three</option>
    </select>
</div>

See also