selectbox CSS 셀렉트박스 CSS 이쁘게 변경하기
HTML 문서내에 아래와 같이 셀렉트박스(selectbox ) 를 사용할 경우 첫번째 선택항목 두번째 선택항목 세번째 선택항목 별도로 CSS 를 설정하지 않을경우 아래와 같이 표기되는데요, 이를 아래와 같이 좀더 크고, 오른쪽에 화살표가 보이도록 변경하려고 할때 사용할 수 있는 CSS 를 알려드립니다 select { width: 200px; padding: .8em .5em; border: 1px solid #999; font-family: inherit; background: url('arrow.jpg') no-repeat 95% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 여기까..
IT공부방/HTML5, CSS
2019. 3. 10. 15:12
