Javascript 如何更改滑块范围样式？

我有一个输入，使价格滑块范围。 我只是想改变它的风格，但没有任何效果。 我错过了什么

谢谢你的帮助

{literal}
#射程{
高度：5px；
颜色：灰色；
}
$（“#范围”）.滑块({
滴答声：[0,100,200,300,400,500]，
勾号标签：[“0欧元”、“100欧元”、“200欧元”、“300欧元”、“400欧元”、“500欧元”]，
刻度捕捉界限：30
});
{/literal}

范围正常，但样式不适用：

---

您忘记设置

type=“range”

关于如何设置范围滑块的样式

总之，您需要设置

-webkit外观：无然后设置背景属性，以便可以应用高度属性和其他样式



{literal}
/*设置滑块背景的样式*/
#射程{
-webkit外观：无；
宽度：100%；
高度：25px；
背景：灰色；
大纲：无；
}
/*拇指造型*/
#范围：：-webkit滑块拇指{
-webkit外观：无；
外观：无；
宽度：25px；
高度：25px；
背景：红色；
光标：指针；
}
{/literal}
感谢您抽出时间回答我的问题，我按照您的建议更改了type=“text”for type=“range”，但没有任何改变，样式不适用。哦我没有看到链接下面的文字对不起，我正在尝试在snippest中添加您自己的滑块。非常感谢您的耐心和帮助！