Mengapa Pilihan Tersembunyi Dipaparkan dalam Menu Pilihan Chrome?

Menyembunyikan Pilihan dalam Menu Pilih dengan CSS

Apabila menyembunyikan elemen dalam menu menggunakan CSS, Chrome memaparkan pilihan tersembunyi apabila menu diklik, tidak seperti Firefox. Ini boleh mengecewakan apabila cuba menyembunyikan pilihan berdasarkan kriteria tertentu.

Untuk menyelesaikan isu ini, pertimbangkan untuk menggunakan atribut tersembunyi dan bukannya CSS untuk menyembunyikan pilihan. Atribut ini disokong dalam HTML5 dan melumpuhkan kedua-dua keterlihatan dan pemilihan pilihan tersembunyi:

<option hidden>Hidden option</option>

Walaupun versi Internet Explorer di bawah 11 tidak menyokong tersembunyi, ini mungkin penyelesaian yang sesuai jika hanya beberapa pilihan yang perlu disembunyikan. Dengan menggabungkan atribut tersembunyi dengan orang kurang upaya, anda boleh menghalang pilihan tersembunyi daripada dipilih secara tidak sengaja:

<select>
  <option>Option1</option>
  <option>Option2</option>
  <option hidden disabled>Hidden Option</option>
</select>

Atas ialah kandungan terperinci Mengapa Pilihan Tersembunyi Dipaparkan dalam Menu Pilihan Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!