在数字输入，CSS，HTML上增加上下箭头的大小

Question

有没有一种方法可以通过使用CSS来增加数字输入框右侧的向上和向下箭头的大小？只是上下箭头，而不是整个输入框，或者至少是成比例的。请参阅以下示例：

.size-36 {
font-size: 36px;
}

.size-12 {
font-size: 12px;
}

<input type="number" class="size-36" value="2" min="0" max="10" step="1">
<input type="number" class="size-12" value="2" min="0" max="10" step="1">

<input type="number" value="2" min="0" max="10">

当前结果：

Answer 1

没有官方的方法来设置数字input元素的样式；你将不得不来一个黑客。这些答案显示了几种方法：

主要问题是将较大的箭头放在哪里。您不想更改输入的大小，这意味着箭头只能变宽（否则它们将不再适合输入）。你必须想办法解决这个问题。

可能的解决方案：在输入元素之后显示箭头，除非将鼠标悬停在元素上，否则隐藏它们，使用光标键增加/减少数字，因此您根本不需要鼠标。

Answer 2

您可以更改输入“数字”元素的字体大小。这也会增加箭头按钮的大小。也许不完全是你要找的，但无论如何=

<input type="number" value="1" min="1" max="8" style="font-size: 55px;">