Rumah  >  Artikel  >  hujung hadapan web  >  Mengapakah Imej Latar Belakang Pilihan/Turun Turun Saya Tidak Berfungsi dalam Chrome?

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

DDD
DDDasal
2024-10-31 12:49:31172semak imbas

Why is My Select/Dropdown Background Image Not Working in 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn