改變選擇旁邊的下拉箭頭我已經加入這種風格到我的CSS文件中所有的選擇輸入每個選項

select { 
    border:1px solid #666666;; 
    width:100%; 
    height:26px; 
    font-size:12px; 
    margin:0 0 20px 0; 
    padding-left:10px; 
    float:right; 
    -webkit-appearance:none; 
    background-image:url('../../images/dropdown.png'); 
    background-size:25px; 
    background-position:98% 50%; 
    background-repeat:no-repeat; 
    border-radius:0; 
}

我怎樣才能讓我的箭看起來像是在這些箱子？ - http://postimg.org/image/4qvumqoc1/

來源

2014-05-23 user2710234

可能重複[如何使用引導3 glyphicon在HTML選擇（http://stackoverflow.com/questions/19259518/how-to -use-a-bootstrap-3-glyphicon-in-an-html-select）檢查鏈接並在那裏看到正確的答案，可以幫助你。 –

我想能夠將其添加到我的CSS不是HTML – user2710234

select { 
    border:1px solid #666666;; 
    width:100%; 
    height:26px; 
    font-size:12px; 
    margin:0 0 20px 0; 
    padding-left:10px; 
    float:right; 
    -webkit-appearance:none; 
    background-image:url('../../images/dropdown.png'); 
    background-size:25px; 
    background-position:98% 50%; 
    background-repeat:no-repeat; 
    border-radius:0; 
    -moz-appearance: none; 
    text-indent: 0.01px; 
    text-overflow: ''; 
}

這裏的撥弄：http://jsfiddle.net/6hMua/

的

來源

2014-05-23 08:20:21

有反正我可以使用HTML代碼而不是背景圖片？ – user2710234

改變選擇旁邊的下拉箭頭我已經加入這種風格到我的CSS文件中所有的選擇輸入每個選項

回答

相關問題