Mengapa Saya Tidak Boleh Menyembunyikan Elemen dalam Menu Menggunakan CSS dalam Chrome?

Cara Menyembunyikan Elemen Secara Selektif Dalam Menu Menggunakan CSS: Satu Teka-teki

Soalan:

Atas beberapa sebab yang membingungkan, saya perhatikan bahawa Chrome berdegil enggan menyembunyikan elemen dalam menu, manakala Firefox nampaknya tidak mempunyai keraguan seperti itu. Saya ditugaskan untuk mengaburkan elemen yang memenuhi parameter carian tertentu. Walau bagaimanapun, sementara alat penyahpepijat Chrome menunjukkan dengan tepat bahawa JavaScript saya menetapkan gaya paparan elemen ini kepada tiada, ia secara misteri muncul semula apabila menu diaktifkan. sihir apakah ini? Bagaimanakah saya boleh menghalang paparan elemen apabila menu dikembangkan?

Jawapan:

Untuk menyembunyikan elemen yang sepadan dengan kriteria carian anda dan menghalang kemunculannya semula semasa pengaktifan menu, pertimbangkan untuk menggunakan atribut 'tersembunyi', yang disokong oleh HTML5.

<option hidden>Hidden option</option>

Atribut ini menawarkan cara yang boleh dipercayai untuk menyekat keterlihatan pilihan tertentu . Adalah penting untuk ambil perhatian bahawa versi Internet Explorer sebelum 11 tidak menyokong atribut ini. Jika keperluan anda adalah untuk menyembunyikan hanya sebilangan terhad elemen, mungkin berfaedah untuk menggunakan atribut 'tersembunyi' secara strategik bersama dengan atribut 'dilumpuhkan', berbanding mengalih keluar dan memasukkan semula elemen atau menggunakan pendekatan samar-samar semantik.

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

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