[問題] select 選項的高度

看板Web_Design作者 (4545454554)時間7月前 (2024/04/17 21:48), 7月前編輯推噓3(307)
留言10則, 4人參與, 6月前最新討論串1/1
各位好 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

04/17 22:34, 7月前 , 1F
目前還沒支援這種設定的樣子,只能用JS模擬類似效果
04/17 22:34, 1F

04/17 22:34, 7月前 , 2F

04/17 22:36, 7月前 , 3F
缺點是展開時會排擠到旁邊元素,要再加相關CSS來修正
04/17 22:36, 3F

04/17 22:43, 7月前 , 4F
所以直接找有提供 [偽select元素 & 這種設定] 的外部
04/17 22:43, 4F

04/17 22:44, 7月前 , 5F
library可能比較簡單
04/17 22:44, 5F
謝謝 你有推薦的library嗎?

04/18 21:53, 7月前 , 6F
我這塊用比較少,可能要等其他人推薦了...
04/18 21:53, 6F
謝謝你讓我了解單純靠CSS不能做到

04/19 08:56, 7月前 , 7F
04/19 08:56, 7F
請問這個是一個套件嗎? ※ 編輯: kisha024 (114.27.130.156 臺灣), 04/19/2024 22:26:59

04/24 10:50, 7月前 , 8F
codepen 上查 custom select 應該有類似的範例
04/24 10:50, 8F

05/17 08:24, 6月前 , 9F
ttps://jsfiddle.net/yk87svnj/
05/17 08:24, 9F

05/17 08:25, 6月前 , 10F
這個可以嗎?
05/17 08:25, 10F
文章代碼(AID): #1c7zCX-1 (Web_Design)
文章代碼(AID): #1c7zCX-1 (Web_Design)