[기본 selectbox] 화살표 이미지 변경하기

화살표 이미지 변경하는 방법

html

<select></selcet>

 

css

select {
  -webkit-appearance: none; /* for chrome */
  -moz-appearance: none; /*for firefox*/
  appearance: none;
  background: url(화살표로 사용하고 싶은 이미지 url) no-repeat 95% 50%;
}
select::-ms-expand {
  display: none;
} // IE 10, 11 네이티브 화살표 숨기기
</style>