html - 以正确的方式设置 <input type=number/> 微调器箭头的样式

Question

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

在不添加额外箭头图像等的情况下设置样式的正确方法是什么。请注意，我已经看过这些帖子，但它没有解决问题: Styling a input type=number

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 上都运行良好