[HTML] - checkbox로 메뉴아이콘 구현

조가든·2022년 9월 21일

html

목록 보기
1/4
post-thumbnail


<div class="container">
     <input type="checkbox" id="trigger">
     <label for="trigger">
         <span></span>
         <span></span>
         <span></span>
     </label>
 </div>
  • 해당 input[type=checkbox] 는 보이지 않게 display:none 처리하고 input의 id와 label의 for을 같게 하여 연동시켜 input를 보이지않게 처리하여도 라벨을 클릭해서 체크박스의 기능을 유지한다.
profile
jo_garden

0개의 댓글