Bagaimana untuk Menyembunyikan Pilihan dalam Pilih Menu dengan CSS dan Mengekalkan Kehadiran DOM?

Menyembunyikan s dalam Menu dengan CSS

Minda yang bertanya telah menemui teka-teki yang ingin tahu: menyembunyikan elemen dalam menu nampaknya menjadi cabaran dalam Chrome, manakala Firefox mengendalikannya dengan mudah. Isu ini timbul apabila timbul keperluan untuk menyembunyikan s tertentu berdasarkan kriteria carian.

Untuk mengelakkan s tersembunyi ini daripada muncul semula apabila menu diklik dalam Chrome, penyelesaian yang tersedia dalam HTML5 ialah atribut tersembunyi. Dengan menambahkan tersembunyi pada elemen, ia menjadi tersembunyi daripada pandangan sambil mengekalkan kehadirannya dalam DOM. Kaedah ini tidak disokong oleh versi Internet Explorer sebelum 11.

Untuk senario terhad, menetapkan atribut tersembunyi dan dilumpuhkan secara bersama boleh menawarkan pendekatan alternatif. Ini mengelakkan pembinaan yang salah secara semantik atau keperluan untuk menambah/mengalih keluar elemen:

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

Atas ialah kandungan terperinci Bagaimana untuk Menyembunyikan Pilihan dalam Pilih Menu dengan CSS dan Mengekalkan Kehadiran DOM?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!