首頁 >web前端 >js教程 >為什麼隱藏選項會顯示在 Chrome 的選擇選單中?

為什麼隱藏選項會顯示在 Chrome 的選擇選單中?

Patricia Arquette
Patricia Arquette原創
2024-11-11 11:32:031104瀏覽

Why Do Hidden Options Show in Chrome's Select Menu?

使用CSS 隱藏選擇選單中的選項

隱藏

要解決此問題,請考慮使用隱藏屬性而不是 CSS 來隱藏選項。 HTML5 支援此屬性,並停用隱藏選項的可見性和選擇:

<option hidden>Hidden option</option>

雖然11 以下的Internet Explorer 版本不支援隱藏,但如果只需要幾個選項,這可能是合適的解決方案被隱藏。透過將hidden屬性與disabled結合起來,可以防止隱藏選項被意外選取:

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

以上是為什麼隱藏選項會顯示在 Chrome 的選擇選單中?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn