碼上歡樂
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
如何讓HTML中
的
可選？ 本文轉載自 查看原文 2019-09-28 18:46 515 css/ HTML/ 表單 無法直接解決，optgroup天生是不可選的。 方法1（不推薦）: 用<option>代替<optgroup>，用樣式使其看起來與option相似 <select multiple="multiple"> <option value="0" class="optionGroup">Parent Tag</option> <option value="1" class="optionChild">Child Tag</option> <option value="2" class="optionChild">Child Tag</option> </select> .optionGroup { font-weight: bold; font-style: italic; } .optionChild { padding-left: 15px; } 經測試，Firefox69可用，Chrome77無效果。 原因是對<option>加樣式在各引擎中支持程度不一。 方法2: 用<option>代替<optgroup>，用 使option縮進。 <select> <option value="0" class="optionGroup">Parent Tag</option> <option value="1"> Child Tag1</option> <option value="2"> Child Tag2</option> </select> 原理同1，但沒有用css縮進，所以不會有瀏覽器兼容問題。 方法3: 使用框架 比如： Select2 Chosen jQuery UI SelectMenu 方法4：optgroup不可選，但在該group下增加【全部】選項，如果需要選擇該optgroup，選擇全部即可 雖然未能達到optgroup可選的效果，但優點如下： 無需外部css 避免用戶誤以為optgroup不可選，更清晰的體現optgroup是可選的。個人理解，這也是html規范有意不讓optgroup可選的原因吧。 參考資料：https://stackoverflow.com/questions/9892247/selectable-optgroup-in-html-select-tag × 免責聲明！ 本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。 猜您在找 Html select、option、optgroup 標簽 下拉列表 select-option ; select-optgroup-option html中select只讀顯示 HTML中Select的使用詳解 HTML中 select 與datalist的異同 antd vue select可選可清空 dataTable input可修改、select可選擇列，操作中帶上傳文件，右鍵點擊事件 antdesign select可輸入可選擇 el-select 可選擇可輸入 ts中的可選參數 粵ICP備18138465號 © 2018-2025 CODEPRJ.COM
