Mengapakah Imej Latar Belakang Pilihan/Turun Turun Saya Tidak Berfungsi dalam Chrome?

Imej Latar Belakang untuk Select/Dropdown Tidak Berfungsi dalam Chrome

Dalam percubaan untuk meningkatkan daya tarikan visual halaman web, anda menghadapi isu di mana imej latar belakang yang dimaksudkan untuk elemen pilih/turun turun tidak dipaparkan dalam Google Chrome. Walaupun CSS yang disediakan di bawah berfungsi dengan sempurna dalam Firefox dan Internet Explorer, ia gagal dipaparkan dalam Chrome.

<code class="CSS">#main .drop-down-loc {
  width: 506px;
  height: 30px;
  border: none;
  background-color: Transparent;
  background: url(images/text-field.gif) no-repeat 0 0;
  padding: 4px;
  line-height: 21px;
}</code>

Penyelesaian:

Untuk menyelesaikan isu ini dalam Chrome, anda boleh menggunakan kod CSS berikut:

<code class="CSS">select {
    -webkit-appearance: none;
}</code>

Sifat CSS ini mengalih keluar penggayaan lalai Chrome untuk elemen terpilih, membolehkan anda menggunakan penggayaan tersuai, termasuk imej latar belakang.

Selain itu, jika anda memerlukan anak panah sebagai sebahagian daripada latar belakang, anda boleh memasukkan imej yang menggabungkannya ke dalam imej latar belakang tersuai.

Atas ialah kandungan terperinci Mengapakah Imej Latar Belakang Pilihan/Turun Turun Saya Tidak Berfungsi dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!