输入类型范围不适用于 Google Chrome
Input with type range not working on Google Chrome
我有一个应用程序，后端是 Django，前端是 Angular。我遇到一个问题，在我的一个模板中，我有一个类型范围未显示的输入，但仅在 Google Chrome 中显示，并且仅在移动视图中显示。它适用于 Firefox，Safari 和滑块将显示在那里，但在 Chrome 中它仅在桌面屏幕宽度上可见。错误控制台中没有任何内容表明它可能与 Angular 错误有关，我这样说是因为我使用的是 mobile-angular-ui ，它在幻灯片上很重功能，因为它似乎只是一个移动问题。我也尝试了几个第三方滑块库，例如 http://rangeslider.js.org/ and https://github.com/dwyl/range-touch，但仍然没有。我的 Chrome 版本是 56.0.2924.87。这是其他人遇到过或过去经历过的问题吗？
它发生在 iPhone 吗？
<input type="range" min="0" max="10" step="2" value="6">
根据 http://fortuito.us/diveintohtml5/forms.html#type-range，Safari、Chrome 和 Opera 都将其视为滑块控件。 （遗憾的是，iPhone 将其呈现为一个简单的文本框。它甚至没有针对数字输入优化其屏幕键盘。）所有其他浏览器只是将该字段视为 type="text"，因此您没有理由不能立即开始使用它。
我有一个应用程序，后端是 Django，前端是 Angular。我遇到一个问题，在我的一个模板中，我有一个类型范围未显示的输入，但仅在 Google Chrome 中显示，并且仅在移动视图中显示。它适用于 Firefox，Safari 和滑块将显示在那里，但在 Chrome 中它仅在桌面屏幕宽度上可见。错误控制台中没有任何内容表明它可能与 Angular 错误有关，我这样说是因为我使用的是 mobile-angular-ui ，它在幻灯片上很重功能，因为它似乎只是一个移动问题。我也尝试了几个第三方滑块库，例如 http://rangeslider.js.org/ and https://github.com/dwyl/range-touch，但仍然没有。我的 Chrome 版本是 56.0.2924.87。这是其他人遇到过或过去经历过的问题吗？
它发生在 iPhone 吗？
<input type="range" min="0" max="10" step="2" value="6">
根据 http://fortuito.us/diveintohtml5/forms.html#type-range，Safari、Chrome 和 Opera 都将其视为滑块控件。 （遗憾的是，iPhone 将其呈现为一个简单的文本框。它甚至没有针对数字输入优化其屏幕键盘。）所有其他浏览器只是将该字段视为 type="text"，因此您没有理由不能立即开始使用它。