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

Question

<input type="number"/>Mac中的箭头非常小,即使在Safari上也无法在Chrome和Firefox上使用.

在没有添加额外箭头图像等的情况下对它们进行样式化的正确方法是什么.请注意,我已经看过这些线程并且它没有解决问题: 样式输入类型=数字

这个线程出来的是这些:

Answer 1

最后,我找到了使原生箭头更大的方法.这是诀窍:

input[type=number] {
  line-height: 27px;
}

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

<input type="number" />

它在Chrome和Safari上都运行良好