Mengapakah CSS Saya `::after` Pseudo-element Render pada Kotak Pilih WebKit?

CSS :selepas Tidak Render dengan Kotak Pilih WebKit

Masalah:

Memanipulasi penampilan kotak pilihan dengan CSS :: selepas unsur pseudo untuk mencipta lungsur turun tersuai tanpa imej terbukti tidak berjaya. Walaupun menggunakan peraturan CSS yang sesuai, elemen :after kekal tidak kelihatan.

HTML:

<select name="">
  <option value="">Test</option>
</select>

CSS:

select {
  -webkit-appearance: none;
  background: black;
  border: none;
  border-radius: 0;
  color: white;
}

select::after {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: blue;
}

Pemerhatian:

Elemen :after gagal muncul walaupun penggayaan digunakan.

Penyelesaian:

Malangnya, nampaknya penyesuaian ini tidak dapat dilaksanakan pada masa ini disebabkan oleh pengehadan teknikal tertentu dalam penyemak imbas WebKit. Penyampaian kotak pilihan selalunya dikendalikan oleh sistem pengendalian dan bukannya penyemak imbas itu sendiri, mengehadkan keupayaan untuk mengawal penampilan mereka sepenuhnya melalui CSS.

Atas ialah kandungan terperinci Mengapakah CSS Saya `::after` Pseudo-element Render pada Kotak Pilih WebKit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!