Cách thay đổi màu sắc của dấu checklist trong danh sách

Học cách sử dụng CSS để thay đổi màu sắc của dấu checklist trong danh sách.

Thay đổi màu sắc của dấu checklist

  • Bill
  • Elon
  • Steve
  • John

Thử ngay

Cách thay đổi màu sắc của dấu checklist trong danh sách

Bước 1 - Thêm HTML:

Tạo một danh sách cơ bản:

<ul>
  <li>Adele</li>
  <li>Agnes</li>
  <li>Billy</li>
  <li>Bob</li>
</ul>

Bước 2 - Thêm CSS:

Sử dụng ::marker Chọn bộ lọc để thay đổi màu sắc của dấu checklist trong mục danh sách:

li::marker {  
  màu: đỏ;  
}

Thử ngay