2014-01-27 39 views
0

我試圖從選擇下拉列表中隱藏標準箭頭。從Opera中的select下拉菜單中刪除標準箭頭(其他瀏覽器中的箭頭已修復)

我已經解決了所有瀏覽器的問題,謝謝stackoverflow.com,但仍然無法刪除或隱藏Opera(我目前的版本是Opera 12.16)。

需要純粹的css解決方案。

select { 
    background: url(/path/to/the/arrow.png) no-repeat center right; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    text-indent: 0.01px; 
    text-overflow: ''; 
} 
/*IE*/ 
select::-ms-expand { 
    display: none; 
} 
/*FF*/ 
@-moz-document url-prefix() { 
    select {padding-right:5px;} 
} 
+0

你爲什麼要這麼做? –

+0

我的客戶想要。我只是想找到一個跨瀏覽器的解決方案。歌劇離開了。 – Haradzieniec

+2

你可以發佈你迄今爲止所做的事嗎?啊,來自地獄的客戶... :) – sinisake

回答

0

好的,我沒有找到解決方案。但是,我所做的是我應用了background-image:none;for Opera only的樣式,因此Opera中只顯示一個標準箭頭。