物化CSS HTML5范围滑块不显示拇指

Question

我使用Materialize：1.0.0，在html5范围上没有显示拇指

如果我使用Materialize：0.100.2和0.97.3，两者都可以正常显示拇指数。

我不能降级到0.100.2和0.97.3，因为我所有其他代码都使用实例M，例如，M.Tab .... M.xxx ....（0.100.2和0.97.3不支持M.tab ..）

我们必须解决1.0.0范围拇指问题，但如何解决？

Answer 1

工作代码：

取决于您使用的版本：

情况1：

对于v1.0.0未能显示范围音调，必须M.Range.init（“ input [type = range]”）

                //for materializ-css v1.0.0 without this range will failed to show thrumb 
                // for materializ-css v0.100.2 and 0.97.3 works fine without(can NOT use) M.range.init
                var array_of_dom_elements = document.querySelectorAll("input[type=range]");
                M.Range.init(array_of_dom_elements);

情况2：

对于v0.100.2和v0.97.3，在没有（也不能使用）M.Range.init的情况下可以工作>

v0.100.2和v0.97.3不支持M.xxx实例样式