刪除<select>元素的下拉箭頭？

可能重複：
How to remove the arrow from a <select> tag in Firefox 刪除<select>元素的下拉箭頭？

箭頭消失，只在Chrome中。下面是我使用的腳本：

<STYLE type="text/css"> 
select { 
    font-family: 'Viga', sans-serif; 
    font-size:16px; 
    color:#168ACB; 
    padding: 5px 10px 5px 10px; 
    margin: 0px 5px 5px 5px; 
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #eaeaea inset; 
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #eaeaea inset; 
    box-shadow: 0 3px 0 #ccc, 0 -1px #eaeaea inset; 
    background: #f8f8f8; 
    border:none; 
    outline:none; 
    display: inline-block; 
    -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none; 
    cursor:pointer; 
} 
</STYLE>

鉻：http://i.imgur.com/Ocpux.png 火狐& IE：http://i.imgur.com/5zGuX.png

來源

2012-06-02 AlGallaf

試圖封裝，在與溢出隱藏一個div？股利將有寬度<的選擇寬度。 – Playmaker