css - 输入范围滑块

Question

可能重复：
哪些浏览器当前支持“范围”输入？

使用输入类型范围时，有没有办法在所有主要浏览器中显示滑块？

我正在使用这段代码：

<input id="Priority" type="range" min="1" max="5" step="1" value="3" onchange="showValue(this.value)" />

我知道它可以在 Chrome 中使用，但是当我使用 Internet Explorer 或 Firefox 时，它只显示一个文本框而不是一个滑块。

Answer 1

最好的方法是使用 jqueryui 滑块：http: //jqueryui.com/demos/slider/

Answer 2

我在 GitHub 上找到了这个。如果你将文件保存到 GitHub，你可以从这个人的页面 fork 它。他们授予使用代码的权限。我的范围滑块现在显示在所有浏览器中。

https://github.com/fryn/html5slider/blob/master/html5slider.js

注意：您必须包含版权声明：

版权所有 (c) 2010-2011 Frank Yan, http://frankyan.com

在您的页面中，或者像我一样将带有版权声明的整个页面保存为单独的 .js 文件。