Rumah >hujung hadapan web >tutorial css >Mengapa Imej Latar Belakang Jatuh Turun Saya Tidak Dipaparkan dalam Chrome?

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

DDD
DDDasal
2024-10-29 04:07:02925semak imbas

Why Does My Dropdown Background Image Not Display in 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!

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