样式化<选择多个/>

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; 
}