在Mozilla（最新發布）

輸入類型=「數字」內部微調樣式我一直在嘗試整天在Mozilla Firefox開發版上刪除輸入類型=「數字」中的「上」和「下」按鈕，我嘗試了所有可以在這裏或其他地方找到的CSS樣式，但仍然無法隱藏它們。在Mozilla（最新發布）

我工作的FF開發建設54.0a2，這是在以前的版本與CSS罰款：

input[type=number] { 
    -moz-appearance: textfield; 
} 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

謝謝如果你能幫助我:)

來源

2017-04-06 Guarlock

您可以使用以下（或者，如果你想一些類似的），跨瀏覽器破解 - 如果你做得很好沒有人能看到那些曾經箭頭存在：

.hidearrows { 
 
    position:absolute; 
 
    display:inline-block; 
 
    margin-left:-21px; 
 
    background-color:#fff; 
 
    z-index:10; 
 
    height:20px; 
 
    width:20px; 
 
    margin-top:1px; 
 
}

<input type="number" value="1" step="1" value="1" /><span class="hidearrows"></span>

https://jsfiddle.net/6c3brbjo/

來源

2017-04-06 15:25:55 Blackbam

這不是跨瀏覽器，它在Chrome上無法正常工作。我不是在尋找這樣的「黑客」，我正在尋找的是：爲什麼它在兩個星期前工作，而今天它不是。並找到一個實際的解決方案。 – Guarlock

它正在使用Chrome嗎？但是 - 是的，這是一個解決方法。如果它在兩週前與外觀屬性一起工作，現在它不是你，也許應該聯繫firefox開發團隊並詢問這個問題（猜猜它在這裏）：https：//bugzilla.mozilla.org/ – Blackbam

在Mozilla（最新發布）

回答

相關問題