아무거나

select box 디자인 화살표적용 css 본문

Javascript & HTML & CSS/CSS

select box 디자인 화살표적용 css

전봉근 2019. 12. 26. 01:51
반응형

select {

  -webkit-appearance: none;  /* 네이티브 외형 감추기 */

  -moz-appearance: none;

  appearance: none;

  background: url(이미지 경로) no-repeat 95% 50%;  /* 화살표 모양의 이미지 */ 

}

 

/* IE 10, 11의 네이티브 화살표 숨기기 ( IE에서 디자인 적용안되는 현상 해결 ) */

select::-ms-expand { 

  display: none;

}​

반응형
Comments