2014-07-12 88 views
2

如何刪除FireFox正常顯示的下拉箭頭?我已經上傳了什麼,我下面工作的形象:如何刪除Mozilla中的下拉箭頭firefox

enter image description here

我使用這個CSS:

@-moz-document url-prefix(){ 
    .class select { width: 110%; } 
} 

.class > select { 
    -moz-appearance: none !important; 
    text-indent: 0.01px !important; 
    text-overflow: "" !important; 
} 

請幫我解決這個問題。

+0

http://stackoverflow.com/questions/5912791/how-to-remove-the-arrow-from-a-select-tag-in-firefox - 可能重複? – BuddhistBeast

+0

或者你也可以閱讀這個頁面上的評論以及:https://gist.github.com/joaocunha/6273016 – BuddhistBeast

+0

我已經使用這個http://stackoverflow.com/questions/5912791/how-to-remove-the從-a選擇標籤在Firefox代碼,但它不起作用。 –

回答

0

這招停止工作火狐30在2014年6月10日realeased的。 您可以通過upvote the bug on Bugzilla進行確定修復。

選項1: 只能通過網址前綴媒體查詢中刪除在Firefox的自定義樣式,如:

@-moz-document url-prefix() { 
     select { 
     background-image: none; 
    } 

選項2:

這裏是一個solution

+0

@carios我已經使用這個,但它不工作。 –

+0

這是[lin](http://example.com) –

+0

看看[Codepen](http://codepen.io/DarthWhite/pen/AzbDg) –

相關問題