스

체크박스 영역을 크게 잡을수 없나요?

· 2015-12-22 (화) 10:33:10 · 1681 · 3

지금은 체크박스를 클릭해야 체크가 되는데요.

li 영역이 100%로 잡혀있습니다. 그럼 li영역만큼 클릭하면 체크가 되게 가능한가요?

 

<ul>

<li><label><input type="checkbox" name="field8" id="field8_1" value="노인세대"/> 노인세대</label></li>

</ul>

 

근데 디자인 작업 5년 하면서 이런작업은 처음인데요. 이거 원래 디자이너5년정도면 할줄 알아야 하는건가요...? 

|

댓글 3개

2015-12-22 (화) 10:53:27
label 태그를 활용해보세요.
ex) label {display: block}
아. 블럭이있었네요..ㅠㅠ.
계속 position:absolute; 만 가지고 머리 싸맨네요....
확실히 영역이 잡히네요~ 감사합니다.
label에 input을 포함하기보다는 label과 input을 분리해서 for와 id로 묶어주는게 좋습니다.

<input type="checkbox" id="label의 for명과 동일" />
<label for="input의 id명과 동일">노인세대</label>
댓글을 작성하시려면 로그인이 필요합니다.

토크

3,606건

오픈소스 관련 다양한 이야기를 자유롭게 나눠요

+
제목 글쓴이 날짜 조회
11-09-09 조회 2,061
11-09-07 조회 2,182
11-09-01 조회 1,851
11-08-31 조회 1,862
11-08-25 조회 2,165
16-07-20 조회 1,219
16-07-14 조회 1,304
16-06-12 조회 1,632
16-06-11 조회 1,443
16-06-05 조회 1,244
16-06-03 조회 1,352
16-04-27 조회 2,033
16-03-10 조회 1,741
16-03-09 조회 1,527
16-03-09 조회 1,657
16-02-18 조회 2,245
16-02-16 조회 4,028
16-02-03 조회 1,867
16-02-02 조회 1,888
15-12-22 조회 1,682
15-12-15 조회 1,731
15-11-20 조회 1,695
15-11-11 조회 3,002
15-11-01 조회 1,664
15-10-19 조회 3,227
15-10-18 조회 1,550
15-09-23 조회 2,062
15-09-14 조회 2,304
15-09-14 조회 2,854
15-09-11 조회 1,797