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

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

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

 

<ul>

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

</ul>

 

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

|

댓글 3개

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

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

프로그램

+
제목 글쓴이 날짜 조회
10년 전 조회 508
10년 전 조회 536
10년 전 조회 754
10년 전 조회 529
10년 전 조회 590
10년 전 조회 449
10년 전 조회 723
10년 전 조회 533
10년 전 조회 476
10년 전 조회 467
10년 전 조회 1,169
10년 전 조회 548
10년 전 조회 541
10년 전 조회 501
10년 전 조회 669
10년 전 조회 1,106
10년 전 조회 702
10년 전 조회 551
10년 전 조회 489
10년 전 조회 527
10년 전 조회 578
10년 전 조회 514
10년 전 조회 579
10년 전 조회 495
10년 전 조회 639
10년 전 조회 529
10년 전 조회 518
10년 전 조회 474
10년 전 조회 1,086
10년 전 조회 568
10년 전 조회 521
10년 전 조회 536
10년 전 조회 514
10년 전 조회 551
10년 전 조회 527
10년 전 조회 1,028
10년 전 조회 471
10년 전 조회 523
10년 전 조회 419
10년 전 조회 1,021
10년 전 조회 576
10년 전 조회 557
10년 전 조회 626
10년 전 조회 578
10년 전 조회 641
10년 전 조회 515
10년 전 조회 420
10년 전 조회 529
10년 전 조회 437
10년 전 조회 729
10년 전 조회 453
10년 전 조회 433
10년 전 조회 473
10년 전 조회 490
10년 전 조회 542
10년 전 조회 451
10년 전 조회 475
10년 전 조회 635
10년 전 조회 486
10년 전 조회 535
10년 전 조회 521
10년 전 조회 537
10년 전 조회 662
10년 전 조회 527
10년 전 조회 485
10년 전 조회 507
10년 전 조회 613
10년 전 조회 532
10년 전 조회 472
10년 전 조회 480
10년 전 조회 486
10년 전 조회 446
10년 전 조회 452
10년 전 조회 666
10년 전 조회 880
10년 전 조회 684
10년 전 조회 481
10년 전 조회 488
10년 전 조회 445
10년 전 조회 465
10년 전 조회 566
10년 전 조회 502
10년 전 조회 419
10년 전 조회 468
10년 전 조회 857
10년 전 조회 1,313
10년 전 조회 882
10년 전 조회 681
10년 전 조회 653
10년 전 조회 516
10년 전 조회 495
10년 전 조회 526
10년 전 조회 492
10년 전 조회 505
10년 전 조회 535
10년 전 조회 663
10년 전 조회 567
10년 전 조회 1,304
10년 전 조회 862
10년 전 조회 578
🐛 버그신고