修改select的默認樣式

在我們用select的時候，通常因為他的默認樣式比較丑而用自己樣式，那首先要去掉他的默認樣式

去掉select的邊框和點擊時的藍色邊框

select{border: none;outline: none;}

去掉select下拉的小三角

select{
        appearance:none;
        -moz-appearance:none;    
        -webkit-appearance:none;
}

select::-ms-expand { display: none; }　　/*清除ie的默認選擇框樣式清除，隱藏下拉箭頭*/

所有瀏覽器都不支持appearance屬性

Firefox支持替代的-moz-appearance屬性

Safari和Chrome支持替代的-weblit-appearance屬性

option的框是瀏覽器默認的，沒有辦法修改，想必你肯定試過option{border:0}和option{border:none}吧，沒有效果