CSS --- 修改默認下拉框樣式

由於select下拉框的整體樣式，一般比較難看，而且各個瀏覽器顯示的樣式也不同；
可以通過CSS來修改默認下拉框的樣式，通過appearance清除默認的select樣式，
重新設置高度、寬度、字體顏色以及邊框樣式，並且通過圖片來修改下拉款小箭頭的樣子；

appearance：
appearance 屬性允許您使元素看上去像標準的用戶界面元素。
默認值：normal

語法：appearance: normal|icon|window|button|menu|field;
由於各個瀏覽器廠商的支持不同，需要加上瀏覽器的css前綴；

參數值：
1.normal 將元素呈現爲常規元素。
2.icon 將元素呈現爲圖標（小圖片）。
3.window 將元素呈現爲視口。
4.menu 將元素呈現爲一套供用戶選擇的選項。
5.field 將元素呈現爲輸入字段。

select {

appearance:none;//清除默認樣式
-moz-appearance:none;
-webkit-appearance:none;
// 下拉箭頭圖片
background:url(../images/select_arrow.png)  no-repeat right center;
padding-right:14px;// 留出來下拉箭頭的位置
width:148px;
height:30px;
border:1px solid #ccc;
color:#999999;
}