Mengapa Imej Latar Belakang Jatuh Turun Saya Tidak Dipaparkan dalam Chrome?

Isu Imej Latar Belakang Jatuh Turun Chrome

Apabila cuba menggunakan imej latar belakang pada elemen pilih/turun turun menggunakan CSS, ia mungkin tidak dipaparkan dengan betul dalam Chrome. Ini ialah isu biasa yang boleh mengecewakan untuk diselesaikan.

Kod CSS berikut, yang berfungsi dalam Firefox dan Internet Explorer, gagal menggunakan imej latar belakang 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>

Kepada menyelesaikan isu ini dalam Chrome, adalah perlu untuk mengalih keluar penampilan lalai lungsur turun menggunakan sifat -webkit-appearance:

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

Peraturan CSS ini mengarahkan Chrome untuk mengabaikan penampilan lungsur lalainya dan menggunakan gaya tersuai anda sebaliknya.

Jika mahu, anda juga boleh memasukkan imej yang mengandungi anak panah lungsur sebagai sebahagian daripada latar belakang. Ini boleh memberikan penampilan yang lebih lancar dan meningkatkan pengalaman pengguna.

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