質問編集履歴

1

html、css修正

2021/01/07 08:43

投稿

pondering
pondering

スコア104

test CHANGED
File without changes
test CHANGED
@@ -72,8 +72,6 @@
72
72
 
73
73
 
74
74
 
75
- <label class="btnArea" for="all"><input type="checkbox">全エリア</label>
76
-
77
75
  <div class="check__boxes">
78
76
 
79
77
  <label class="topArea__prefecture"><input type="checkbox" id="all" value="全選択">全選択</label>
@@ -344,74 +342,46 @@
344
342
 
345
343
  .btnArea {
346
344
 
347
- background: #0000ff;
348
-
349
- border-radius: 10px;
350
-
351
- color: #fff;
352
-
353
345
  cursor: pointer;
354
346
 
355
347
  display: block;
356
348
 
357
349
  font-weight: bold;
358
350
 
351
+ margin-bottom: 10px;
352
+
353
+ user-select: none;
354
+
355
+ }
356
+
357
+ .topArea__btn--employee {
358
+
359
+ align-items: center;
360
+
361
+ color: #000;
362
+
363
+ display: flex;
364
+
365
+ padding: 0;
366
+
367
+ width: 110px;
368
+
369
+ }
370
+
371
+ .check__boxes {
372
+
359
373
  margin-bottom: 20px;
360
374
 
375
+ }
376
+
377
+ .check__boxes .checkItem {
378
+
379
+ display: block;
380
+
361
- padding: 5px 10px;
381
+ margin-right: 20px;
362
382
 
363
383
  user-select: none;
364
384
 
365
- text-align: center;
366
-
367
- transition: 0.5s;
368
-
369
- width: 300px;
370
-
371
- }
372
-
373
- .btnArea:hover {
374
-
375
- opacity: 0.7;
376
-
377
- transition: 0.5s;
378
-
379
- }
380
-
381
- .btnArea input {
382
-
383
- display: none;
384
-
385
- }
386
-
387
- .topArea__btn--employee {
388
-
389
- align-items: center;
390
-
391
- color: #000;
392
-
393
- display: flex;
394
-
395
- padding: 0;
396
-
397
- width: 110px;
398
-
399
- }
400
-
401
- .check__boxes {
402
-
403
- margin-bottom: 20px;
404
-
405
- }
406
-
407
- .check__boxes .checkItem {
408
-
409
- display: block;
410
-
411
- margin-right: 20px;
412
-
413
- user-select: none;
414
-
415
385
  }
416
386
 
417
387
  .check__boxes .checkItem input[type=checkbox] {
@@ -420,8 +390,6 @@
420
390
 
421
391
  }
422
392
 
423
-
424
-
425
393
  ```
426
394
 
427
395
  ご教授いただければ幸いです。よろしくお願いいたします。