CSS - 設置 select 元素的樣式

注意：option 外面有個框，這個框不一樣瀏覽器生成的還不同，給這個框設置樣式的方法也沒有找到（有說法是這是瀏覽器建立的 shadow dom 無法設置）。因此要想徹底控制仍是用列表進行模擬比較好。

設置 select 元素樣式主要是要將那個默認的圖標給改掉，方法通常來首有三種：

1. appearance: none隱藏默認圖標。
2. overflow: hidden截去默認圖標。
3. ::after覆蓋默認圖標，爲了避免讓 ::after僞元素做爲事件的目標要設置pointer-events: none。

參見：html - How to style a select dropdown with only CSS? - Stack Overflow