[問題] select 選項的高度

[kisha024 (4545454554)]

各位好

https://jsfiddle.net/15qtjm0n/
https://i.imgur.com/GYzY8gn.png

請問select 選項的高度 有辦法自己設定嗎？

我試過在 select 或 option 上面設定height 但都不行

預設好像是 有幾個option 就顯示幾個 但超過20個 最多就顯示20個

謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.27.153.173 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1713361697.A.F81.html
→ microloft: 目前還沒支援這種設定的樣子，只能用JS模擬類似效果
→ microloft: https://jsfiddle.net/az8y01oh/
→ microloft: 缺點是展開時會排擠到旁邊元素，要再加相關CSS來修正
→ microloft: 所以直接找有提供 [偽select元素 & 這種設定] 的外部
→ microloft: library可能比較簡單
謝謝 你有推薦的library嗎？
推 microloft: 我這塊用比較少，可能要等其他人推薦了...
謝謝你讓我了解單純靠CSS不能做到
→ kyoe: https://codesandbox.io/embed/50qpv6z9q4 這個可以嗎?
請問這個是一個套件嗎?
※ 編輯: kisha024 (114.27.130.156 臺灣), 04/19/2024 22:26:59
推 sanyaoooo: codepen 上查 custom select 應該有類似的範例