參考此文章
重點摘要
- 用 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;
}
看wp的套件覺得神奇所以查了一下,要用jQuery的套件。用了以後html可以變很簡潔,就跟設定背景圖一樣,不用用iframe。找到這篇文章還沒細看。以後要用再來研究細節:p
參考文章:直排文字小秘訣-等寬半形
重點: