作者kisha024 (4545454554)
看板Web_Design
標題[問題] select 選項的高度
時間Wed Apr 17 21:48:15 2024
各位好
https://jsfiddle.net/15qtjm0n/
https://i.imgur.com/GYzY8gn.png
請問select 選項的高度 有辦法自己設定嗎？
我試過在 select 或 option 上面設定height 但都不行
預設好像是 有幾個option 就顯示幾個 但超過20個 最多就顯示20個
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.27.153.173 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1713361697.A.F81.html
1F：→ microloft: 目前還沒支援這種設定的樣子，只能用JS模擬類似效果 04/17 22:34
3F：→ microloft: 缺點是展開時會排擠到旁邊元素，要再加相關CSS來修正 04/17 22:36
4F：→ microloft: 所以直接找有提供 [偽select元素 & 這種設定] 的外部 04/17 22:43
5F：→ microloft: library可能比較簡單 04/17 22:44
謝謝 你有推薦的library嗎？
6F：推 microloft: 我這塊用比較少，可能要等其他人推薦了... 04/18 21:53
謝謝你讓我了解單純靠CSS不能做到
請問這個是一個套件嗎?
※ 編輯: kisha024 (114.27.130.156 臺灣), 04/19/2024 22:26:59
8F：推 sanyaoooo: codepen 上查 custom select 應該有類似的範例 04/24 10:50
9F：推 qptw: ttps://jsfiddle.net/yk87svnj/ 05/17 08:24
10F：→ qptw: 這個可以嗎? 05/17 08:25