เปลี่ยนสี Checkbox CSS ด้วย accent-color

เปลี่ยนสี Checkbox CSS ด้วย accent-color บทความนี้สอนการใช้ property accent-color สำหรับเปลี่ยนสี Checkbox ของ HTML ตัวอย่างเปลี่ยน Checkbox เป็นสี แดง เขียว และฟ้า สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง เปลี่ยนสี Checkbox CSS ด้วย accent-color

<style>
#checkbox_1 {
  accent-color: red;
}
#checkbox_2 {
  accent-color: green;
}
#checkbox_3 {
  accent-color: blue;
}
</style>

<input type="checkbox" id="checkbox_1" checked>
<input type="checkbox" id="checkbox_2" checked>
<input type="checkbox" id="checkbox_3" checked>

เปลี่ยนสี Checkbox CSS จากตัวอย่างใช้คำสั่ง accent-color กำหนดให้ id checkbox_1 เท่ากับสีแดง (red) และ id checkbox_2 เท่ากับสีเขียว (green) และ id checkbox_3 เท่ากับสีฟ้า และนำ id ทั้ง 3 ไปใช้งานกับ input type checkbox ของ HTML