Inflearn Community Q&A
asked
option 가상클래스
Written on
·
295
1
선생님 어제 글을남겼는데 오늘 궁금한게 있어서 글을 남기게 되었습니다.
<select>
<option></option>
</select>
이런 구조를 만들어 사용자가 선택하도록 만들고 있는데요.
option값에 가상클래스를 줘서 값 뒤에 이미지를 주고 싶은데 가상클래스가 안먹히는 상황입니다.
stackoverflow에서 검색했을 때에는 가상클래스가 적용 안된다는 글을 보게 되었는데 혹시 방법이 있을까요???
jqueryHTML/CSSjavascript
Answer 1
0
codingworks
Instructor
select와 option을 예쁘게 만들려면 div로 만들어야 합니다.
아래 html로 만들고 제이쿼리로 이벤트를 주시면 됩니다.
<div class="dropdown">
<div class="title">FAMILY SITE</div>
<ul class="sub-navi">
<li><a href="#none1">셀트리온</a></li>
<li><a href="#none2">셀트리온 제약</a></li>
<li><a href="#none3">셀트리온 헬스케어</a></li>
<li><a href="#none4">셀트리온 스킨큐어</a></li>
</ul>
</div>
이 예제는 HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)에 있는 예제입니다.
혹시 시즌2 수강중이시면 강의 내용을 보세요. 크게 어렵지는 않습니다.
구조를 아에 뜯어고쳐야 하는 것 밖에 없나보네요.
한번 시도해볼게요.
감사합니다~