2014-06-26 71 views
0

如何刪除下拉箭頭,在Firefox如何刪除Firefox中的下拉箭頭?

我嘗試了很多例子,但不是唯一的一個例子讓更好的東西對我來說

請幫我對於這種情況

here is my jsfiddle example

jsfiddle.net/m_atteeq/JjgVj/

我新的在這個論壇上,這是我的第一個問題

+0

這可能是一個副本。 http://stackoverflow.com/questions/6787667/what-is-the-correct-moz-appearance-value-to-hide-dropdown-arrow-of-a-select – webkit

+0

不幸的是它似乎是一個FF bug:https :?//bugzilla.mozilla.org/show_bug.cgi ID = 649849。如果你看到結尾有一些黑客來解決這個問題。 – PeteAUK

+0

@Durraab:使用-moz-appearance:對話框;可能這會幫助讓知道一次嘗試..工作與否 – user1853128

回答

0

像這樣的嘗試:demo

HTML:

<div class="select"> 
    <select name="month"> 
     <option value="na">Month</option> 
     <option value="1">January</option> 
     <option value="2">February</option> 
     <option value="3">March</option> 
     <option value="4">April</option> 
     <option value="5">May</option> 
     <option value="6">June</option> 
     <option value="7">July</option> 
     <option value="8">August</option> 
     <option value="9">September</option> 
     <option value="10">October</option> 
     <option value="11">November</option> 
     <option value="12">December</option> 
    </select> 
</div> 

CSS:

.select { 
    width: 100px; 
    overflow: hidden; 
} 
.select select { 
    text-indent: 10px; 
    text-overflow:''; 
    width: 120px; 
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none; 

} 

你可以嘗試這樣也可以使用自定義的選擇框...希望這有助於

+0

謝謝你對我的工作 – Durraab

+0

不客氣 –

相關問題