<option > 에 배경 넣을수 있나요 ?
본문
<select id="selectBox">
<option value="op1" selected="selected">전체</option>
<option value="op2">test1</option>
</select>
빨간부분에 style="background: url(이미지경로) no-repeat; " 이거 안되나요 ?
답변 3
http://codepen.io/geekingreen/pen/KdEExr
위 예제 사이트대로 div + css 조합으로 셀렉트 박스 기능이 구현 가능합니다.
div 기반이니 편집이 좀더 자유롭구요.
css 스타일로는 안되고요.
<a href="javascript:ALuseType(1)" title="이름"><img src="images/1.gif" alt="이름"></a>
<select id="type">
위와같은 자바스크립트로 넣을수 있는걸로 알고 있어요.
기논적으로 옵션에는 스타일 적용이 불가능합니다.
다만 셀렉트 박스가 아닌 div 형태로 만들수도 있습니다.
<a href="#" onclick="$(".클래스").css("css항목","값");">
이런식으로 클릭해서 div 를 보여지게 만들면 간단한 셀렉트 박스가 완성됩니다.
ex. <a href="#" onclick="$(".test").css("display","block");">
답변을 작성하시기 전에 로그인 해주세요.