체크박스 영역을 크게 잡을수 없나요?
지금은 체크박스를 클릭해야 체크가 되는데요.
li 영역이 100%로 잡혀있습니다. 그럼 li영역만큼 클릭하면 체크가 되게 가능한가요?
<ul>
<li><label><input type="checkbox" name="field8" id="field8_1" value="노인세대"/> 노인세대</label></li>
</ul>
근데 디자인 작업 5년 하면서 이런작업은 처음인데요. 이거 원래 디자이너5년정도면 할줄 알아야 하는건가요...?
댓글 3개
호그라이더
9년 전
label 태그를 활용해보세요.
ex) label {display: block}
ex) label {display: block}
9년 전
아. 블럭이있었네요..ㅠㅠ.
계속 position:absolute; 만 가지고 머리 싸맨네요....
확실히 영역이 잡히네요~ 감사합니다.
계속 position:absolute; 만 가지고 머리 싸맨네요....
확실히 영역이 잡히네요~ 감사합니다.
JonghoKim
9년 전
label에 input을 포함하기보다는 label과 input을 분리해서 for와 id로 묶어주는게 좋습니다.
<input type="checkbox" id="label의 for명과 동일" />
<label for="input의 id명과 동일">노인세대</label>
<input type="checkbox" id="label의 for명과 동일" />
<label for="input의 id명과 동일">노인세대</label>
게시글 목록
| 번호 | 제목 |
|---|---|
| 17814 | |
| 17811 | |
| 17809 | |
| 17806 | |
| 17804 | |
| 17801 | |
| 17798 | |
| 17796 | |
| 17794 | |
| 17793 | |
| 17789 | |
| 17784 | |
| 17781 | |
| 17773 | |
| 17768 | |
| 17766 | |
| 17763 | |
| 17760 | |
| 17757 | |
| 17751 | |
| 17746 | |
| 17744 | |
| 17739 | |
| 17733 | |
| 17726 | |
| 17721 | |
| 17718 | |
| 17701 | |
| 17690 | |
| 17681 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기