ผมทำข้อนี้ไม่ได้มีใครพอช่วยได้ไหมครับ

HTML-CSS
#1

บอกเราว่าเกิดอะไรขึ้น:
อธิบายปัญหาของคุณโดยละเอียดที่นี่

  **รหัสของคุณ**


<style>
:root {
  --red-color: red;
}
.red-box {

  background: var(--red-color, #red);
  height: 200px;
  width:200px;
}
</style>
<div class="red-box"></div>

  **ข้อมูลเบราว์เซอร์ของคุณ:**

ตัวแทนผู้ใช้คือ: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.63 Safari/537.36

Challenge: Improve Compatibility with Browser Fallbacks

ไปสู่ the challenge:

#2

ต้องกำหนด browser fallback ไว้ในลักษณะนี้ครับ ในกรณีนี้หาก browser หาตัวแปร --red-color ไม่เจอ หรือ browser ไม่รองรับ จะแสดงผล background: red ที่เรากำหนดไว้ก่อนแทนครับ

.red-box {
background: red;
background: var(--red-color);
1 Likes
#3

ขอบคุณที่ช่วยเหลือครับ