html - 当步长大于剩余值时，HTML Range 输入不会一直填充

我的 HTML Range 输入有点问题，我有一个输入，我从 BE 获取配置，我发现了一个奇怪的情况，如果step输入的值大于剩余值，那么输入有点卡住，而不仅仅是填充剩下的东西。

这只发生在您的最小值、最大值和步长输入有些不平衡时

例如

在该示例中，如果您一直填写条形图，您会注意到它下方的一些条形图仍然可见，因为它没有完全推动手柄。有没有办法解决这个问题，你们会推荐吗？理想情况下，如果步长值大于在最大值之前剩余的值，我希望它只填写剩余的值。

标签： htmlinput

接受的答案在 OP 的上下文中是正确的。但是，如果您获得了正确的范围值并且您仍然看到范围输入没有一直填充，那么这可能是因为input padding。

如果您已应用输入填充，则范围滑块将不会到达末尾。所以删除范围输入的填充：

<input type="range" min="0" max="100" step="10" style="padding:0;">