익스플로러에서 셀렉트박스 화살표 없애기

 

웹 개발자로 있다는 것은

끊임없이 공부하고

기존에 알고있던것도 복습하게 되는것 같습니다.

CSS 별거 아닌거같아도 은근

기초지식이 많이 필요한 부분....

 

오늘은 셀렉트박스에서 화살표를

없애는 방법 알아볼게요~

 

사실 크롬을 가장 자주 쓰는데

한국사람들은 익스프로러 사용 비중이

상당히 높지요 !!! 

 

 

 

select { 

-webkit-appearance: none;
-moz-appearance: none;

}

 

 

 

이렇게만 설정해주었더니

크롬에서는 적용이 잘 됩니다.

그.러.나

 

우리의 익스플로러 ~

역시 ㅎ

 

이미지로 배경을 주었는데

셀렉트박스의 기존 화살표는

사라지지 않았어요 ㅠㅠ

이럴 때 어떻게 하냐면요 !!

아주간단합니다 !!!

 

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

 

이거 한줄만 추가해주시면 돼요 ^^

 

 

짜잔 ~~

기존에 있던 셀렉트박스

기본 화살표가 사라졌습니다 ~~~~

 

이제 내맘대로 셀렉트박스 디자인을

할 수 있겠어요 ^^