<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를 보이지않게 처리하여도 라벨을 클릭해서 체크박스의 기능을 유지한다.