Bagaimanakah Saya Boleh Menyembunyikan Elemen `` dalam Menu `` Menggunakan CSS?

Menyembunyikan Elemen dalam Menu dengan CSS

Soalan:

Bagaimana seseorang boleh menyembunyikan elemen dalam menu menggunakan CSS, supaya ia kekal tersembunyi apabila menu diklik, walaupun muncul pada mulanya sebagai "display: none" dalam alatan web Chrome?

Jawapan:

Untuk Pelayar HTML5, atribut tersembunyi menyediakan penyelesaian yang berkesan untuk menyembunyikan elemen. Tidak seperti paparan: tiada harta, atribut tersembunyi menghalang elemen daripada ditunjukkan apabila menu dibuka.

Contoh:

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

Pilihan Lain:

Sebagai alternatif, untuk menyembunyikan unsur separa, a gabungan atribut tersembunyi dan atribut dilumpuhkan mungkin mencukupi. Walau bagaimanapun, pendekatan ini kurang betul dari segi semantik berbanding atribut tersembunyi sahaja.

Maklumat Tambahan:

• Pelayar IE di bawah versi 11 tidak menyokong atribut tersembunyi.
• Pastikan bahawa atribut ditentukan dalam kod HTML itu sendiri, kerana JavaScript tidak boleh mengubah suai secara langsung yang tersembunyi harta benda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Elemen `` dalam Menu `` Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!