## 下拉框 ### 基本類名 `.mui-select` > 用于select下拉選擇框 ### 尺寸 1. 極小 [24px] 類名 `tiny`, 完整類名 `mui-select tiny` ```html <select class="mui-select tiny"> <option>--option--</option> </select> ``` 2. 小 [20px] 類名 `small`, 完整類名 `mui-select small` ```html <select class="mui-select small"> <option>--option--</option> </select> ``` 3. 默認 [34px] 無類名, 完整類名 `mui-select` ```html <select class="mui-select"> <option>--option--</option> </select> ``` 4. 大[44px] 類名`large` 完整類名 `mui-select large` ```html <select class="mui-select large"> <option>--option--</option> </select> ``` 5. 自適應[100%] 類名`fluid` 完整類名 `mui-select fluid` ```html <select class="mui-select fluid"> <option>--option--</option> </select> ``` ### 樣式 1. 大圓角 類名 `pill` 完整類名 `mui-select pill` ```html <select class="mui-select pill"> <option>--option--</option> </select> ``` 2. 錯誤 類名 `error` 完整類名 `mui-select error` ```html <select class="mui-select error"> <option>--option--</option> </select> ``` 3. 禁用 類名`disabled` 或者屬性設置 `disabled` ```html <select class="mui-select" disabled> <option>--option--</option> </select> <select class="mui-select disabled"> <option>--option--</option> </select> ``` 4. 只讀 類名`readonly` 或者屬性設置 `readonly` ```html <select class="mui-select" readonly> <option>--option--</option> </select> <select class="mui-select" readonly> <option>--option--</option> </select> ```