Javascript Chrome数字字段水平滚动

Javascript Chrome数字字段水平滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我创建了一个数字字段,里面的文本向右对齐 用例: 如果在输入字段内使用鼠标中键滚动时选择全文或,我注意到可以将文本向左滚动约1px。到目前为止,我只能在Chrome中激起这种行为 您可以通过以下代码看到它的作用: 您可以将文本缩进与计算一起使用。如下所示: html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } input { width: 100%; text-indent:

我创建了一个数字字段,里面的文本向右对齐

用例:

如果在输入字段内使用鼠标中键滚动时选择全文,我注意到可以将文本向左滚动约1px。到目前为止,我只能在Chrome中激起这种行为

您可以通过以下代码看到它的作用:


您可以将文本缩进与计算一起使用。如下所示:

html {
 box-sizing: border-box;
}

*, *:before, *:after {
 box-sizing: inherit;
}

input {
  width: 100%;
  text-indent: calc(100% - 1.5em);
  font-size: 1em;
}

我不太明白你想要什么,但我想是的

据我所知,我所能做的就是确认这种情况也发生在铬中,并且是唯一的。这似乎只是Chromium实现数字增加/减少按钮的一个小故障。我很快地玩了一些设置,但没有骰子。在
type=text
上也会发生这种情况。Textarea还可以。因为这是可复制的,所以它似乎适合。我确认Chrome 51.0.2704.103(64位)上的问题,我在Chrome问题跟踪器中添加了一个,正如@GeraldSchneider建议的那样。你们可以用。试着写一些像“9999999”和非聚焦的东西。