增加数字输入，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 type="number" value="1" min="1" max="8" style="font-size: 55px;">

Answer 2

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

• Styling a input type=number
• Making up down arrow of HTML's input number very bigger and cleaner

主要问题是在哪里放大箭头。您不希望更改输入的大小，这意味着箭头只能变宽（或者它们不再适合输入）。你将不得不考虑解决这个问题的方法。

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