离子范围滑块颜色和拖动器未在Laravel中显示

Question

我正在尝试在项目中添加ion-rangeslider

这是我的HTML代码

<div style="position: relative; padding: 200px;">
                <div>
                    <input type="text" id="range" value="" name="range" />
                </div>
</div>

这是我的Jquery代码

 $(function () {

            $("#range").ionRangeSlider({
                hide_min_max: true,
                keyboard: true,
                min: 0,
                max: 5000,
                from: 1000,
                to: 4000,
                type: 'double',
                step: 1,
                prefix: "$",
                grid: true
            });

        });

这就是我在屏幕上看到的。

我们可以看到，滑块内部的颜色没有显示出来，设置值的拖动器也没有显示。 我不知道为什么它没有显示。有人可以帮忙吗？ 顺便说一句，我正在使用Laravel。

Answer 1

打开开发人员工具并检查该元素。找到相关的元素/类并使用CSS调整颜色。