更改数字输入微调器的大小？

Question

在一个数字输入上它有一个spinner,它有几个css属性,但我似乎无法找到一种方法来改变微调器本身的大小.我在说<input type='number'>.我试着找一些会改变尺寸的东西,但我找不到任何东西.我猜测的另一个问题是,每个操作系统上的每个浏览器都会有一个可能与spinner本身不同的实现.当我说微调器时,我正在谈论这个图像的突出部分.

我无法使用JQuery UI微调器,因为我正在开发的大型应用程序使用不包含微调器的JQuery UI 1.8.升级会导致问题.

Answer 1

您可以创建一个带有两个向上和向下按钮的输入字段，并按照您喜欢的方式设置它们的样式。

<input type="text" name="something">
<span class="goUp"></span>
<span class="goDown"></span>

js:

var inputField = $('input[name="something"]');
$('.goUp').click(function() {
    inputField.val(inputField.val() + 1);
});

$('.goDown').click(function() {
    inputField.val(inputField.val() - 1);
});

然后您还应该检查输入中是否只有数字，以便您的 +/- 1 真正起作用。