셀렉트를 사용할 때 화살표를 이미지나 폰트어썸 아이콘으로 변경해서 사용하는데 ie에서는 원래 브라우저 화살표가 계속 나와서 구글 검색을 통해 발견한 방법을 공유합니다.

우선 다른 브라우저에서 안나오게 하는 방법은 appearance:none을 활용해 아래 소스를 처럼 select에 css스타일을 적용 합니다.

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

하지만 ie에서는 적용되지 않는 것 같아 찾아보니 아래와 같이 하면 화살표가 사라집니다.
select::-ms-expand {display:none}
 

너무 간단해서 공유해 봅니다.