Chromeの「メニュー」の「要素」を非表示にする方法は？

を非表示にする 内の要素CSS を使用したメニュー

を非表示にする機能にもかかわらず 内の要素ディスプレイを使用したメニュー: なし。 Firefox では、Chrome が独特の課題を引き起こします。 <選択>をクリックすると、メニュー、以前は非表示だった <オプション>要素が再現されます。この問題に対処するために、2 つの効果的な解決策を紹介します。

1. 「hidden」属性の利用

HTML5 では、 を効果的に非表示にする「hidden」属性が導入されています。要素。

<option hidden>Hidden Option</option>

2. 「hidden」属性と「disabled」属性の組み合わせ

ブラウザによる「hidden」属性のサポートが制限されている場合は、「hidden」属性と「disabled」属性を組み合わせて使用​​できます。

<option disabled hidden>Hidden Option</option>

を無効にすることで、検索条件に一致する要素がドロップダウン メニューに表示されないようにします。ただし、キーボード ナビゲーションを使用してこれらの要素へのアクセシビリティを維持したい場合、このアプローチは理想的ではない可能性があります。

以上がChromeの「メニュー」の「要素」を非表示にする方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。