參考此文章
重點摘要
- 用 label 把 input 包起來
- 把 input 隱藏
- 用 css 設定樣是在 label 上即可
- 如果要用 icon 或是自訂文字,寫在lable包起來就可以囉。可以使用 fontawesome
參考此文章
重點摘要
參考這篇文章
css的重點:如何把預設下拉選單樣式移除?
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
移除後,用自訂背景的方式放自己做的箭頭圖
IE要另外
::-ms-expand {
display: none;
}
被選取的狀態調整
:focus{
box-shadow: 0 0 5px 2px #467BF4;
}