MENU
셀렉트박스의 기본 높이값은 클래스가 없으며, 기본 사이즈보다 작은 셀렉트박스는 input--sm
클래스를, 큰 인풋박스는 input--md
를 사용하며 input--full
은 가로값 100% 스타일을 갖는다. 셀렉트박스의 width값을 인라인 스타일로 설정할 시, style="width:100%; max-width:360px;" 설정하면 최대 360px로 설정되데, 360px보다 작은 디바이스에서는 100%로 설정된다.
//Select box smamll size
<select class="input--sm">
<option value="option">option</option>
</select>
//Select box default size
<select>
<option value="option">option</option>
</select>
//Select box medium size
<select class="input--md">
<option value="option">option</option>
</select>
//Select box full width
<select class="input--full">
<option value="option">option</option>
</select>
우측 셀렉트박스 상단
우측 셀렉트박스 하단
//우측 셀렉트박스 상단
<div class="select--right-top">
<select>
<option value="option">option</option>
</select>
</div>
//우측 셀렉트박스 하단
<div class="select--right-bottom">
<select>
<option value="option">option</option>
</select>
</div>