javascript - 如何在不使用 jQuery 的情况下在 IE 的数字输入中显示微调控件(向上/向下箭头)？

Question

我需要有 2 个数字输入来显示微调控件(递增/递减输入值的上下箭头)。

<input type="number"/>

问题是 IE 不支持显式显示微调器。有一个 jQuery solution使用 jqSpinner，但我不想使用 jQuery，因为它在我的 Angular 应用程序中表现不佳。

有没有人对此有解决方案，我在任何地方都找不到这个问题的答案。 (我看过所有类似的答案，没有重复的问题讨论非 jQuery 解决方案)

Answer 1

通过JavaScript来控制，也许这就是你想要的

	var fontSize = document.getElementById('fontSize');

	function updateSize() {
		testDrive.style.fontSize = fontSize.value + 'px';
	}
	fontSize.addEventListener('change', updateSize, false);
	updateSize();

<style type="text/css">
			.textbox0 {
    width: 3em;
    background: #f1f1f1;
    padding: .25em .5em;
    line-height: 1.5;
    height: 1.5em;
}
		</style>
			Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
			min="8" value="48" />
			px