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

时间:2020-03-31 16:32:49

标签: css materialize

我使用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范围拇指问题,但是如何解决?

2 个答案:

答案 0 :(得分:0)

工作代码:

取决于您使用的版本:

情况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实例样式

答案 1 :(得分:0)

我发现这是行得通的,因为关闭主体标签之前包含了materialize.js标签。如果我将其移至文档头,则拇指不再起作用。

更多信息,请访问https://github.com/Dogfalo/materialize/issues/6036