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

我需要有 2 个显示微调器控件的数字输入(向上箭头增加/减少输入值(。

<input type="number"/>

问题是IE不支持明显显示微调器。有一个使用jqSpinner的jQuery解决方案，但我想远离jQuery，因为它在我的角度应用程序中不能很好地发挥作用。

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

通过 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

像

IE(v9及更低版本(这样的浏览器确实存在HTML5标签和HTML5输入类型的问题。为了使所有HTML5标签正常工作，并且数字，电话等输入类型正常工作，请在<head></head>标签之间放置以下代码：

<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->

这是HTML5

Shiv/HTML5填充程序的条件IE脚本(或填充程序：在计算语言中意味着解决方法(。它被评论。因此，检查正在使用的浏览器是否是IE，这是上述代码中的第一个语句。如果是，则运行此解决方法，并帮助您使用 HTML5 特定的输入值和标记。

干杯！

相关内容

最新更新

热门标签：