如何使 html5 滑块（输入类型='范围'）在 Firefox 中工作

Posted 2023-02-21

【中文标题】如何使 html5 滑块（输入类型=\'范围\'）在 Firefox 中工作

【英文标题】：How do I make html5 slider (input type='range') work in Firefox如何使 html5 滑块（输入类型='范围'）在 Firefox 中工作

【发布时间】：2011-12-23 21:46:17

【问题描述】：

我尝试使用html5元素，即

<input type='range' step='1' min='-300' max='-1' />

它应该是一个滑块。它适用于 Chrome。但它在 Firefox8 中不起作用。 我在“html5test.com”中检查过，它说 Firefox 8 部分支持“范围”类型。它支持“min”和“max”属性，但不支持“step”属性。然后我删除“step”属性，比如

<input type='range' min='-300' max='-1' />

为什么还是不行？

有什么办法让它工作吗？

【问题讨论】：

要查看滑块组件的最新浏览器实现，请参阅caniuse.com/input-range（顺便说一句，FF 15 仍不支持它）

【参考方案1】：

这是 Firefox 23 之前版本中的not supported。有关版本 4 及更高版本中的 javascript 实现，请参阅http://frankyan.com/labs/html5slider/。

根据上面链接的错误报告中的Jonathan Watt's comment，支持已添加到 Firefox 开发分支并随版本 23 一起发布。

【讨论】：

@shareef Firefox 23 是当前的测试版。如果你有兴趣，它的错误：bugzilla.mozilla.org/show_bug.cgi?id=344618

Firefox 23 现已发布，因此支持范围。有关样式信息，请参阅 docs。