PTT數位生活區 / Web_Design

[問題] select 選項的高度

看板Web_Design作者 (4545454554)時間8月前 (2024/04/17 21:48), 8月前編輯推噓3(3推 0噓 7→)
留言10則, 4人參與, 7月前最新討論串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, 8月前 , 1F
目前還沒支援這種設定的樣子，只能用JS模擬類似效果
04/17 22:34, 1F
→
04/17 22:34, 8月前 , 2F
04/17 22:34, 2F
→
04/17 22:36, 8月前 , 3F
缺點是展開時會排擠到旁邊元素，要再加相關CSS來修正
04/17 22:36, 3F
→
04/17 22:43, 8月前 , 4F
所以直接找有提供 [偽select元素 & 這種設定] 的外部
04/17 22:43, 4F
→
04/17 22:44, 8月前 , 5F
library可能比較簡單
04/17 22:44, 5F
謝謝 你有推薦的library嗎？
推
04/18 21:53, 8月前 , 6F
我這塊用比較少，可能要等其他人推薦了...
04/18 21:53, 6F
謝謝你讓我了解單純靠CSS不能做到
→
04/19 08:56, 8月前 , 7F
04/19 08:56, 7F
請問這個是一個套件嗎? ※ 編輯: kisha024 (114.27.130.156 臺灣), 04/19/2024 22:26:59
推
04/24 10:50, 8月前 , 8F
codepen 上查 custom select 應該有類似的範例
04/24 10:50, 8F
推
05/17 08:24, 7月前 , 9F
ttps://jsfiddle.net/yk87svnj/
05/17 08:24, 9F
→
05/17 08:25, 7月前 , 10F
這個可以嗎?
05/17 08:25, 10F
‣ 更多 kisha024 的文章
文章代碼(AID): #1c7zCX-1 (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 kisha024 的文章
文章代碼(AID): #1c7zCX-1 (Web_Design)