Css 输入范围滑块

Css 输入范围滑块,css,html,input,cross-browser,range,Css,Html,Input,Cross Browser,Range,可能重复: 在使用输入类型范围时,是否有一种方法可以在所有主要浏览器中显示滑块 我正在使用以下代码: <input id="Priority" type="range" min="1" max="5" step="1" value="3" onchange="showValue(this.value)" /> 我知道它在Chrome浏览器中工作,但当我使用internet explorer或firefox时,它只显示一个文本框而不是一个滑块。最好的方法是使用jqueryui滑

可能重复:

在使用输入类型范围时,是否有一种方法可以在所有主要浏览器中显示滑块

我正在使用以下代码:

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


我知道它在Chrome浏览器中工作,但当我使用internet explorer或firefox时,它只显示一个文本框而不是一个滑块。

最好的方法是使用jqueryui滑块:

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

注意:您必须包括版权声明:

版权所有(c)2010-2011 Frank Yan

在你的页面中,或者像我一样,用版权声明将整个页面保存为一个单独的.js文件