【问题标题】:HTML Range Input Sliders disappear on mobile. Why?HTML 范围输入滑块在移动设备上消失。为什么?
【发布时间】:2017-06-14 21:37:32
【问题描述】:

为什么范围类型的 HTML5 输入在移动设备上会消失?请参阅this 页面,作为移动设备进行检查。我正在一个带有表单的简单网站上工作,但需要该表单才能在移动设备上工作。谢谢!

【问题讨论】:

  • 您可能想告诉我们您在哪个浏览器中进行了仿真。我猜铬?我在 Chrome 中为我工作。

标签: html forms css


【解决方案1】:

范围输入在移动设备上可以正常工作(请参阅Can I use...)。

在您的示例 (Link) 中,这似乎是 Google Chrome 的模拟问题。如果您通过 Firefox 或在带有 Safari 或 Google Chrome 的移动设备上测试您的链接,则滑块可以正常工作。

【讨论】:

  • 这是正确的,滑块在 chrome 移动模拟器中消失了,但确实显示在真实的移动设备上。谢谢!
  • 我自己也遇到了这个问题。奇怪的是,您仍然可以通过将鼠标拖到控件上来使用该控件,它只是不可见的。另外:如果您覆盖 input[type="range"] 及其各种伪元素的 CSS,它确实会显示出来。
【解决方案2】:

它是兼容的(如果你相信 caniuse): http://caniuse.com/#search=range%20input%20type

它应该可以工作。

【讨论】:

  • Chrome可以用,模拟器不行
猜你喜欢
  • 2019-01-07
  • 1970-01-01
  • 2020-07-07
  • 1970-01-01
  • 2021-08-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多