我正在尝试将带有数字输入的表单放在一起，并在移动设备上用数字键盘弹出。为此，我正在使用type = number的输入。它可以在桌面上正确呈现（在这种情况下，它的外观和行为应与type = text的输入完全一样）。在我的Windows Phone 8上，它也可以正确显示并用数字键盘弹出。
问题是，当我在旧版Android（HTC One V）上对其进行测试时，数字输入的显示宽度比type = text的输入要窄一些。您可以在这里查看我的代码标记：http : //bootply.com/101579。这是一个问题，因为我创建了带有输入组附加组件的Bootstrap 3输入组。在我的HTC Android浏览器上，输入变得更短，因此输入框和input-box-addon之间存在间隙。
您可以在这里看到我的意思：http : //www.browserstack.com/screenshots/a989247294985fc48ab3c3be9f4d1151e301384a。当您查看许多Android设备（包括Samsung Galaxy S III和HTC One X）的屏幕截图时，您会看到type = number的输入呈现得更窄。当您查看任何iPhone或Motorola Droid 4时，都可以看到正确呈现的表格。
是否有解决此问题的方法，以使type = number的输入框与type = text的输入框具有相同的宽度？
编辑：我看了模拟器列表，我意识到这只是Android 4.x股票浏览器上的问题。
编辑：以上两个链接均无法正常工作。
试试这个CSS提示
input[type=number]::-webkit-outer-spin-button { margin: 0; }
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句