樣式化<選擇多個/>

Question

我已經修改了在一般道路上的一切選擇一個樣式表，做了下：

select { 
    -moz-appearance:none; 
    -moz-border-radius:1px; 
    -moz-box-sizing:border-box; 
    -webkit-appearance:none; 
    -webkit-border-radius:1px; 
    appearance:none; 
    background:url(../images/general/select-arrow.png) no-repeat scroll 100% 50% #fff; 
    border:1px solid #d2d2d2; 
    border-radius:1px; 
    font:13px "Helvetica Neue",Arial,Helvetica,sans-serif; 
    font-size:13px; 
    height:36px; 
    resize:none; 
    vertical-align:baseline; 
    width:260px; 
    padding:9px 7px 9px 17px; 
} 

這讓我把圖像，其中在<select />的權利，看起來很酷，我們的設計師喜歡它（它只能在Chrome上運行）。

我的問題是，現在我想要的風格<select multiple />，我不能復位的外觀屬性附加傷害到一個默認的顯示滾動條。

任何想法？

Answer 1

使用從default stylesheet屬性選擇爲指導，以重置風格：

select[multiple] { 
    background:none; 
    width:auto; 
    height:auto; 
    padding:0; 
    margin:0; 
    border-width: 2px; 
    border-style: inset; 
    -moz-appearance: menulist; 
    -webkit-appearance: menulist; 
    appearance: menulist; 
}