[CSS] selectbox 디자인하기 input요소 중에 selectbox는 css스타일을 입히기 조금 까다로운 편에 속한다. 박스만 디자인이 들어가면 그나마 쉬운데 option요소까지 디자인되어있다면 플러그인이나, 자바스크립트 사용하여 구현해야한다. 먼저 css만을 사용하여 셀렉트박스와 화살표 스타일만 변경하는 방법을 소개하겠다. 1. 가장 먼저, 웹에서 제공하는 기본 스타일을(화살표) 보이지 않게 처리한다. 주의할 점은 appearance 속성은 IE에는 적용되지 않는다. IE를 고려한다면 -ms-expand라는 가상 선택자로 스타일을 초기화시켜주어야 한다. select{ appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari an.. 2020. 3. 24. 이전 1 다음