Bagaimanakah Saya Boleh Menggayakan Penampilan Elemen `` Hanya Menggunakan CSS?

Memilih Pilihan Bergaya dengan CSS

Semasa cuba meningkatkan elemen dengan penggayaan menggunakan ::after pseudo-element, pengguna menghadapi isu yang tidak dijangka. Hasil yang diinginkan adalah untuk membahagikan kotak pilihan kepada dua bahagian tanpa memasukkan imej. Walaupun mentakrifkan HTML dan CSS berikut:

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

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;
}

gayaan gagal menjadi kenyataan. Siasatan terhadap spesifikasi W3C tidak menghasilkan kejelasan.

Keterbatasan Pendekatan

Selepas analisis yang teliti, telah ditentukan bahawa kesan yang diingini pada masa ini tidak boleh dicapai menggunakan yang ditentukan kaedah kerana batasan intrinsik. Cara memilih elemen dipaparkan pada sistem pengendalian tertentu, bukannya enjin pemaparan dalaman penyemak imbas, menghalang pengubahsuaian penampilan atau tingkah lakunya melalui CSS.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Penampilan Elemen `` Hanya Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!