Rumah > hujung hadapan web > tutorial css > 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
Lepaskan: 2024-10-31 12:49:31
asal
278 orang telah melayarinya

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>
Salin selepas log masuk

Penyelesaian:

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

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

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan