造型<input type=number/>以正確的方式旋轉箭頭

Question

Mac 中<input type="number"/>的箭頭非常小，在 Chrome 和 Firefox 甚至在 Safari 上都沒有用。

在不添加額外的箭頭圖像等的情況下對它們進行樣式設置的正確方法是什么。請注意，我已經看過這些線程並且它沒有解決問題： 樣式輸入類型=數字

MacOS 上該線程的結果是：

Answer 1

最后我找到了使原生箭頭更大一點的方法。 這是訣竅：

 input[type=number] { line-height: 30px; } input[type=number]::-webkit-inner-spin-button { width: 30px; height: 30px; }

 <input type="number" />

它在 Chrome 和 Safari 上運行良好