24'C 구름 많음
서울 강남구
CSS
.bo_w_select {
width: 100%; /* 가로 사이즈 */
padding: 10px; /* 내부여백 */
padding-left: 12px;
border: 1px solid #ddd;
background: url(./arrow_down_18dp.png) no-repeat right 50%; /* 화살표 위치 */
background-size: 30px; /* 화살표 크기 */
border-radius: 4px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 12px;
color: #000;
outline:none;
}
.bo_w_select:hover {border: 1px solid #aaa;} /* 마우스오버 */
<select class="bo_w_select">
<option value="">분류선택1</option>
<option value="">분류선택2</option>
<option value="">분류선택3</option>
<option value="">분류선택4</option>
<option value="">분류선택5</option>
</select>