如何在渲染后找到数字类型输入的内部宽度？

Question

我有一个html编号输入，文本对齐设置为居中。我想在上下文本居中，以便它与输入字段中的文本对齐;但是，某些浏览器会添加向上和向下箭头，这些箭头会在输入字段中移动文本的中心。有没有办法让我计算出中心在运行时移动了多少？

Answer 1

期望的<input type="number">元素在不同的浏览器中以不同的设置呈现不同。它应该提供一些用户界面，用于输入一个数字，只有一个数字，具有由元素的其他属性指定的约束。因此，您无法知道它的外观或控制，除非浏览器为此提供API。

因此，如果您希望将用户输入的数字与其他元素对齐，请改用<input type="text">并使用pattern属性和/或JavaScript对数据格式执行检查（此外当然是服务器端检查。