Bagaimanakah Saya Boleh Menggayakan Elemen Pilihan Pilihan dalam Google Chrome?

Menggayakan Elemen Pilihan Pilihan dalam Google Chrome

Apabila cuba menggayakan elemen pilihan dalam menu lungsur pilih, anda mungkin menghadapi ketidakkonsistenan merentas penyemak imbas. Tidak seperti penyemak imbas lain, Google Chrome tidak mempunyai sokongan untuk pilihan penggayaan tertentu, termasuk warna latar belakang dan saiz fon.

Had Penggayaan Pilihan dalam Chrome

Dalam Chrome, hanya set sifat CSS terhad boleh digunakan pada pilihan elemen:

• warna
• warna latar belakang

Menetapkan sifat lain, seperti berat fon, saiz fon atau imej latar belakang, akan tidak mempunyai sebarang kesan yang boleh dilihat. Had ini menimbulkan cabaran apabila menyesuaikan penampilan elemen pilihan.

Penyelesaian CSS Menggunakan

dan

• Untuk mengatasi had penggayaan ini, penyelesaian yang diterima pakai secara meluas ialah menggunakan senarai tidak tertib (

  ) dan senarai item (
  • ) dan bukannya elemen pilih . Pendekatan ini membolehkan anda menggayakan sepenuhnya setiap pilihan menggunakan CSS, termasuk imej latar belakang, warna tersuai dan tetapan fon.

    Contoh:

    <ul>
      <li class="red">Red</li>
      <li class="white">White</li>
      <li class="blue">Blue</li>
      <li class="green">Green</li>
    </ul>

    .red {
      background-color: #cc0000;
      font-weight: bold;
      font-size: 12px;
      color: white;
    }

    Ini penyelesaian menyediakan penyelesaian serasi silang penyemak imbas untuk menyesuaikan penampilan elemen pilihan, memastikan pengalaman pengguna yang konsisten tanpa mengira penyemak imbas yang digunakan.

    Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Elemen Pilihan Pilihan dalam Google Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!