[CSS3] select 태그 화살표 이미지 변경하는 법!

먼저 select에 설정되어있는 기본 화살표를 숨겨준다. 

select{
  -moz-appearance:none; /* Firefox */ 
  -webkit-appearance:none; /* Safari and Chrome */ 
  appearance:none;
}

이렇게만 하면 인터넷익스플로어에서 화살표가 남아있다.

select::-ms-expand { display:none; } 

//이걸 추가해줘야 ie에서도 없어진다.

 

 

그 후 

 

select 에

background 속성을 이용하여 화살표 이미지를 넣어준다.