Bolehkah saya Warnakan Peluru Senarai HTML Tanpa Menggunakan Teg `` atau ``?

Warnakan Bulet Senarai HTML Tanpa Span

Soalan:

Bolehkah warna bulet dalam senarai HTML diubah suai tanpa menambah elemen seperti atau

dalam

tag?

Jawapan:

Ya, anda boleh mencapai ini dengan menggunakan elemen pseudo li:before:

li {
  list-style: none;
}

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

<ul>
  <li>foo</li>
  <li>bar</li>
</ul>

Teknik ini tidak memerlukan sebarang penanda tambahan dalam

elemen. Walau bagaimanapun, ia mempunyai had tertentu:

• Pelayar yang disokong: IE8 dan ke atas, Firefox, Chrome
• Gaya peluru terhad kepada aksara unikod

Atas ialah kandungan terperinci Bolehkah saya Warnakan Peluru Senarai HTML Tanpa Menggunakan Teg `` atau ``?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!