Bagaimana untuk Menyembunyikan `` Elemen dalam `` Menu dalam Chrome?

Menyembunyikan Elemen dalam Menu dengan CSS

Walaupun mempunyai keupayaan untuk menyembunyikan elemen dalam menu menggunakan paparan: tiada; dalam Firefox, Chrome menimbulkan cabaran yang unik. Setelah mengklik menu, sebelum ini tersembunyi unsur muncul semula. Untuk menangani isu ini, kami mengemukakan dua penyelesaian yang berkesan:

1. Menggunakan Atribut 'tersembunyi'

HTML5 memperkenalkan atribut 'tersembunyi', yang menyembunyikan elemen.

<option hidden>Hidden Option</option>

2. Menggabungkan Atribut 'tersembunyi' dan 'dilumpuhkan'

Dalam kes di mana sokongan penyemak imbas untuk atribut 'tersembunyi' adalah terhad, anda boleh menggunakan gabungan atribut 'tersembunyi' dan 'dilumpuhkan'.

<option disabled hidden>Hidden Option</option>

Dengan melumpuhkan elemen yang sepadan dengan kriteria carian, anda menghalangnya daripada dipaparkan dalam menu lungsur. Walau bagaimanapun, pendekatan ini mungkin tidak sesuai jika anda ingin mengekalkan kebolehaksesan untuk elemen ini menggunakan navigasi papan kekunci.

Atas ialah kandungan terperinci Bagaimana untuk Menyembunyikan `` Elemen dalam `` Menu dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!