bryanchu10 / blog

blog

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

鼠年全馬鐵人挑戰 04:自製 select 選單樣式(上)- 連結自製選項到原本的選單 | 做點筆記吧

bryanchu10 opened this issue · comments

https://bryanchu10.github.io/blog/2020/04/12/2020-04-12-customed-select-box-1/

使用 HTML 的 select 與 option 標籤製作的下拉式選單,在每個瀏覽器有各自預設的樣式,即使用 appearance: none; 清掉瀏覽器預設樣式,在 CSS 使用上仍然有很大的限制,例如沒有辦法修改下拉選單周圍的 border 樣式。 在 w3schools How TO - Custom Select Box 這個條目下,有自製 select 選單的參考。 w3school