Bagaimana Menukar Warna Peluru dalam Senarai HTML Tanpa Menggunakan Elemen Span?

Cara Mengubah Suai Warna Bullet dalam Senarai HTML Tanpa Elemen Span

Dalam senario tertentu, anda mungkin mahu menukar warna peluru dalam Senarai HTML tanpa menambah elemen dalam

tag. Berikut ialah penyelesaian bijak yang mengelakkan penggunaan rentang.

Untuk mencapai matlamat ini, gunakan elemen pseudo :sebelum:

li {
  list-style: none;
}

li:before {
  /* For a round bullet */
  content: '22';
  /* For a square bullet */
  /* content: 'A0'; */
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -10px;
  top: 0;
  color: green;
  font-size: 20px;
}

Kaedah ini mengalih keluar gaya peluru lalai dan mencipta peluru baharu melalui: sebelum. Ia memberikan fleksibiliti dari segi bentuk dan warna, dengan sokongan dalam penyemak imbas utama termasuk IE8, Firefox dan Chrome.

Atas ialah kandungan terperinci Bagaimana Menukar Warna Peluru dalam Senarai HTML Tanpa Menggunakan Elemen Span?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!