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

标签 html css

我有一个 html 数字输入,文本对齐设置为居中。我想将文本居中放在上方和下方,以便它与输入字段中的文本对齐;然而,一些浏览器添加了向上和向下箭头来移动输入字段中文本的中心。有没有办法让我计算中心在运行时移动了多少?

最佳答案

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

因此,如果您希望将用户输入的数字与其他一些元素对齐,请使用 <input type="text">相反,并使用 pattern 对数据格式执行检查属性和/或 JavaScript(当然还有服务器端检查)。

关于html - 如何在渲染后找到数字类型输入的内部宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24520372/

相关文章:

html - 你如何防止 float 元素的 parent 崩溃?

Javascript clientHeight 和替代品

.net - 是否有一个很好的 .Net CSS 聚合器可以组合样式表并缩小它们?

html - 如何在 Angular 2 模板中获取 json 对象的长度

JQuery基于类折叠表格单元格

html - 径向渐变未按预期工作

jquery - 父级中的中心叠加

Javascript。替换 Div 的 HTML 内容

html - 调整窗口大小时,跨度元素未获得其宽度

javascript - 如何创建具有动态内容的水平滚动菜单