我想创建一个非常简单的范围选择器，但我遇到了3个问题 1. HTML范围标记仅适用于chrome和safary。如何创建一个适用于其他浏览器的？
如何使其垂直？
如何控制滚动按钮本身？我想改变它的图像，并根据滚动来改变它的大小。
感谢
答案 0 :(得分：2)
范围标记是html5定义的元素。如您所知，html5并非在所有浏览器中都完全支持，因此目前最好使用替代方法，例如jquery，这是最安全的浏览器兼容方式。
关于垂直滑块的第一个问题：http://jqueryui.com/demos/slider/#range-vertical
至于你的第二个问题，最好使用自定义控件。使用jquery范围滑块，您可以连接到滑块事件并根据值更改某个元素的属性。查找滑块的api。 通过更改颜色值，了解他们如何做到这一点。例如，您可以通过更改图像的大小来执行相同的操作。 http://jqueryui.com/demos/slider/#colorpicker
答案 1 :(得分：1)
从一般意义上讲，您最好的选择是放弃<input type="range"...>表单字段并选择jQuery UI range slider。
答案 2 :(得分：1)
JQuery UI有一个庞大的表单元素库，我认为它们也可以向后兼容旧版本。