JAY DESIGN

셀렉트박스 사이즈

셀렉트박스의 기본 높이값은 클래스가 없으며, 기본 사이즈보다 작은 셀렉트박스는 input--sm클래스를, 큰 인풋박스는 input--md를 사용하며 input--full 은 가로값 100% 스타일을 갖는다. 셀렉트박스의 width값을 인라인 스타일로 설정할 시, style="width:100%; max-width:360px;" 설정하면 최대 360px로 설정되데, 360px보다 작은 디바이스에서는 100%로 설정된다.

• option
• option
• option
• option

//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>