커스텀 셀렉트박스 질문입니다.
낶아
위에 이미지처럼 셀렉트박스를 커스텀하려고 하는데요...
익스 7에서 아래처럼 나오네요..ㅠㅠ 8,9에서도 제대로 조금씩 움직이구요...조언주시면 감사하겠습니다 ㅜㅜ
.styled-select {margin-left:15px;}.styled-select select { background: url(../img/common/select_bg.gif) no-repeat; background-color:#353535; width: 180px; padding: 5px; font-size: 14px; border: 0; height: 24px; -webkit-appearance: none; color:#999; border:0; }.styled-select { width: 154px; height: 24px; overflow: hidden; border:0; background: url(../img/common/select_bg.gif) no-repeat;}.styled-select select option { background:#353535; height:24px;}
div class=styled-select select option selectedfamily site/option /select /div
-
풀잎
select 와 동일하게 구현되나 select 로 맞추기 힘들어서 다른 html으로 구현된걸 말합니다. 지금 코드는 select 죠.
-
봄
스크립트나 css 덮여진 셀렉박스 예제 구글링 해보시면 되게 많이 나와요~
소스 가져와서 원하는 스타일로 커스텀 하는게 저한테는 쉽더라고요~
제 수준에서 딱 원하는거 내가 만들라면 시간도 오래 걸리고 어려워서..
selectbox custom이나
select box css
이런식으로 구글링 해보세요^^