Question

点击Chrome数据槽中的微调器会导致Chrome中的连续滚动。

要重现，请打开最新演示

来自回答

在Chrome中

，点击日期进行修改。

单击向上或向下微调器并将光标保持在此微调器中。日期无限滚动。

如何解决此问题，以便单击增加或减少值仅+1或-1？

Answer 1

我认为必须使用use ::-webkit-inner-spin-button，它允许在CSS3中自定义输入微调器（参见here）。问题是找到可以在案例中使用的CSS属性的文档真的很难。唯一众所周知的设置是

input[type=date]::-webkit-inner-spin-button {
    display: none;
}

只是删除微调器。没有微调器 - 没问题。它可能是一种更好的自定义微调器的方法，但我没有找到它。