Bagaimanakah Saya Boleh Menyembunyikan Pilihan dalam Menu Terpilih Merentasi Pelayar Berbeza?

Menyembunyikan Pilihan dalam Pilih Menu Menggunakan CSS

Sementara Firefox mendayakan penyembunyian elemen dalam menu, Chrome menimbulkan cabaran. Walaupun menggayakannya dengan paparan: tiada;, ia muncul semula selepas pengaktifan menu. Untuk menangani perkara ini, HTML5 memperkenalkan atribut tersembunyi:

<option hidden>Hidden option</option>

Atribut ini, tidak disokong oleh versi Internet Explorer di bawah 11, menawarkan alternatif kepada penyelesaian yang lebih kompleks seperti menambah atau mengalih keluar elemen secara dinamik. Contohnya:

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

Dengan menggunakan atribut tersembunyi bersama-sama dengan atribut yang dilumpuhkan, anda boleh mencapai kesan penyembunyian yang diingini tanpa menjejaskan integriti semantik.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Pilihan dalam Menu Terpilih Merentasi Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!