teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

html、css修正

2021/01/07 08:43

投稿

pondering
pondering

スコア104

title CHANGED
File without changes
body CHANGED
@@ -35,7 +35,6 @@
35
35
  <body>
36
36
  <main class="wrapper">
37
37
 
38
- <label class="btnArea" for="all"><input type="checkbox">全エリア</label>
39
38
  <div class="check__boxes">
40
39
  <label class="topArea__prefecture"><input type="checkbox" id="all" value="全選択">全選択</label>
41
40
  </div>
@@ -171,26 +170,12 @@
171
170
  width: 150px;
172
171
  }
173
172
  .btnArea {
174
- background: #0000ff;
175
- border-radius: 10px;
176
- color: #fff;
177
173
  cursor: pointer;
178
174
  display: block;
179
175
  font-weight: bold;
180
- margin-bottom: 20px;
176
+ margin-bottom: 10px;
181
- padding: 5px 10px;
182
177
  user-select: none;
183
- text-align: center;
184
- transition: 0.5s;
185
- width: 300px;
186
178
  }
187
- .btnArea:hover {
188
- opacity: 0.7;
189
- transition: 0.5s;
190
- }
191
- .btnArea input {
192
- display: none;
193
- }
194
179
  .topArea__btn--employee {
195
180
  align-items: center;
196
181
  color: #000;
@@ -209,6 +194,5 @@
209
194
  .check__boxes .checkItem input[type=checkbox] {
210
195
  margin: -4px 7px 0 3px;
211
196
  }
212
-
213
197
  ```
214
198
  ご教授いただければ幸いです。よろしくお願いいたします。