셀렉트박스 스타일..
크리미걸
이런식의 셀렉트박스 인풋을 구현해야하는데요..
나름 제 식대로 css에서 구현했는데..
ie7에서는 보더가 보이네요..ㅠ_ㅠ
.select_st {float:left; width:147px; height:25px; background:url(../images/main/bg/select_box.gif) no-repeat; padding-top:6px; padding-left:9px;}
.select_st select {border:0 none; width:139px; font-weight:bold;}
.select_st2 {float:left; width:150px; height:25px; background:url(../images/main/bg/select_box2.gif) no-repeat; padding-top:6px; padding-left:60px;}
.select_st2 select {border:0 none; width:146px; font-weight:bold;}
.input_st {float:left; width:150px; height:25px; background:url(../images/main/bg/select_box2.gif) no-repeat; padding-top:6px; padding-left:60px;}
.input_st input {border:none; color:#ccc;}
div class=select_st
select id=c_language name=c_language
option value=선택/option
option value=선택/option
option value=선택/option
option value=선택/option
option value=선택/option
option value=선택/option
/select
/div
div class=select_st2
select name=
option value=선택/option
option value=선택/option
option value=선택/option
option value=선택/option
option value=선택/option
option value=선택/option
/select
/div
뭐이런식으로 div로 select로 감싸서 이미지를 넣었는데요..
제가한 방법이 잘못됐는지.. 버튼이미지는 어케해야하는지.. 좋은방법좀 알려주세요 꾸벅 :
-
모드니
현방법이라면 제가 한 방법 말씀이신가욤?
-
하예라
디자인만 맞추면되는 상황이라면 플러그인이나 따로 제작하셔도 됩니다 ^ ^
그런데 접근성과 모바일및 테블릿에서 셀렉트 ui를 호출할 필요등이 있다면 현방법이 최선이라고 생각되네요~