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

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

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년 전 조회 365
10년 전 조회 404
10년 전 조회 611
10년 전 조회 393
10년 전 조회 462
10년 전 조회 313
10년 전 조회 560
10년 전 조회 395
10년 전 조회 371
10년 전 조회 367
10년 전 조회 1,024
10년 전 조회 409
10년 전 조회 401
10년 전 조회 390
10년 전 조회 520
10년 전 조회 981
10년 전 조회 556
10년 전 조회 401
10년 전 조회 365
10년 전 조회 379
10년 전 조회 442
10년 전 조회 364
10년 전 조회 426
10년 전 조회 346
10년 전 조회 488
10년 전 조회 383
10년 전 조회 388
10년 전 조회 325
10년 전 조회 925
10년 전 조회 420
10년 전 조회 374
10년 전 조회 390
10년 전 조회 372
10년 전 조회 404
10년 전 조회 386
10년 전 조회 877
10년 전 조회 329
10년 전 조회 376
10년 전 조회 270
10년 전 조회 879
10년 전 조회 424
10년 전 조회 399
10년 전 조회 471
10년 전 조회 439
10년 전 조회 494
10년 전 조회 370
10년 전 조회 269
10년 전 조회 375
10년 전 조회 302
10년 전 조회 641
10년 전 조회 316
10년 전 조회 286
10년 전 조회 338
10년 전 조회 342
10년 전 조회 390
10년 전 조회 307
10년 전 조회 327
10년 전 조회 493
10년 전 조회 337
10년 전 조회 387
10년 전 조회 374
10년 전 조회 395
10년 전 조회 505
10년 전 조회 377
10년 전 조회 335
10년 전 조회 359
10년 전 조회 463
10년 전 조회 375
10년 전 조회 320
10년 전 조회 335
10년 전 조회 334
10년 전 조회 297
10년 전 조회 299
10년 전 조회 509
10년 전 조회 728
10년 전 조회 536
10년 전 조회 344
10년 전 조회 337
10년 전 조회 301
10년 전 조회 312
10년 전 조회 423
10년 전 조회 344
10년 전 조회 272
10년 전 조회 317
10년 전 조회 700
10년 전 조회 1,170
10년 전 조회 728
10년 전 조회 527
10년 전 조회 504
10년 전 조회 387
10년 전 조회 362
10년 전 조회 371
10년 전 조회 340
10년 전 조회 363
10년 전 조회 381
10년 전 조회 513
10년 전 조회 420
10년 전 조회 1,148
10년 전 조회 704
10년 전 조회 434
🐛 버그신고