[問題] select 選項的高度 kisha024 PTT批踢踢實業坊

[問題] select 選項的高度

作者: kisha024 (4545454554) 2024-04-17 21:48:15

各位好
https://jsfiddle.net/15qtjm0n/
https://i.imgur.com/GYzY8gn.png
請問select 選項的高度有辦法自己設定嗎？
我試過在 select 或 option 上面設定height 但都不行
預設好像是有幾個option 就顯示幾個但超過20個最多就顯示20個
謝謝

作者: microloft (微閣) 2024-04-17 22:34:00

目前還沒支援這種設定的樣子，只能用JS模擬類似效果https://jsfiddle.net/az8y01oh/缺點是展開時會排擠到旁邊元素，要再加相關CSS來修正所以直接找有提供 [偽select元素 & 這種設定] 的外部library可能比較簡單

作者: kyoe (緣份‧不再) 2024-04-19 08:56:00

https://codesandbox.io/embed/50qpv6z9q4 這個可以嗎?

作者: sanyaoooo (山藥) 2024-04-24 10:50:00

codepen 上查 custom select 應該有類似的範例

繼續閱讀

[問題] Vue3 defineProps的響應問題heavenbetula Re: [問題] CSS transition 問題microloft [問題] CSS transition 問題kisha024 [問題] 請教如何使用wix製作一個簡易查詢功能f840712 [問題] 關於Leaflet定位Hadamard [問題] 抽獎網頁 logo無法放在色塊上a9202507 [問題] Bluehost 相關問題bban7225 Fw: [問題] 問一個整合官網購物車的問題kisscrystal [問題] wp模板選擇miko042282 [問題] 小型104網站報價Pizza1