## 下拉框
### 基本类名
`.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>
```
