質問編集履歴

1

コードの変更

2022/08/03 10:32

投稿

nitori-kun
nitori-kun

スコア62

test CHANGED
File without changes
test CHANGED
@@ -40,6 +40,10 @@
40
40
  margin-left: 5px;
41
41
  color: rgb(121, 121, 121, 0.5);/*https://note.spiqa.design/select-color/#option%E3%81%ABCSS%E3%81%AF%E5%8A%B9%E3%81%8B%E3%81%AA%E3%81%84*/
42
42
  }
43
+ /*_::-webkit-full-page-media, :root, .options select{/*0803*/
44
+ /*margin-left: 5px;
45
+ color: rgb(121, 121, 121, 0.5);/*https://note.spiqa.design/select-color/#option%E3%81%ABCSS%E3%81%AF%E5%8A%B9%E3%81%8B%E3%81%AA%E3%81%84*/
46
+ /*}*/
43
47
  #showLine{
44
48
  display: flex;
45
49
  background-color: rgb(121, 121, 121, 0.1);
@@ -250,35 +254,35 @@
250
254
  <p>車種</p>
251
255
  <select name="model" onchange="changeColor(this)">
252
256
  <option id="example3" value="">軽自動車</option>
253
- <option id="1500">軽自動車</option>
257
+ <option id="kei">軽自動車</option>
254
- <option id="2000">コンパクトカー</option>
258
+ <option id="compact">コンパクトカー</option>
255
- <option id="3000">ミニバン</option>
259
+ <option id="miniban">ミニバン</option>
256
- <option id="1500">セダン</option>
260
+ <option id="sedan">セダン</option>
257
- <option id="2000">クーペ</option>
261
+ <option id="qube">クーペ</option>
258
- <option id="3000">ステーションワゴン</option>
262
+ <option id="stationWagon">ステーションワゴン</option>
259
- <option id="1500">SUV・クロカン</option>
263
+ <option id="SUV">SUV・クロカン</option>
260
- <option id="2000">オープンカー</option>
264
+ <option id="openCar">オープンカー</option>
261
- <option id="3000">ワンボックス</option>
265
+ <option id="oneBox">ワンボックス</option>
262
266
  </select>
263
267
  </div>
264
268
 
265
269
  <div id="showLine">
266
270
  <div class="carType_mini">
267
- <img src="assets/img/nissan_dayz_roox.png">
271
+ <img src="assets/img/nissan_dayz_roox.png" alt="nissan_dayz_roox">
268
272
  <div class="lower_mini">
269
273
  <p>デイズ ルークス</p>
270
274
  <input type="checkbox" id="days_roox_check" name="check"><label for="days_roox_check" class="checkbox"></label>
271
275
  </div>
272
276
  </div>
273
277
  <div class="carType_mini">
274
- <img src="assets/img/nissan_dayz.png">
278
+ <img src="assets/img/nissan_dayz.png" alt="nissan_dayz">
275
279
  <div class="lower_mini">
276
280
  <p>デイズ</p>
277
281
  <input type="checkbox" id="dayz_check" name="check"><label for="dayz_check" class="checkbox"></label>
278
282
  </div>
279
283
  </div>
280
284
  <div class="carType_mini">
281
- <img src="assets/img/nissan_clipper.png">
285
+ <img src="assets/img/nissan_clipper.png" alt="nissan_clipper">
282
286
  <div class="lower_mini">
283
287
  <p>クリッパー</p>
284
288
  <input type="checkbox" id="clipper_check" name="check"><label for="clipper_check" class="checkbox"></label>