如何在基于 iOS8 的设备中隐藏输入字段内闪烁的插入符号（管道）？

Question

我正在为我的一个项目（Zebra Datepicker）使用 jQuery 日期选择器插件，这需要使用

input

字段。问题是，在 iPhone 6（运行 iOS8）上测试网站时，当我点击相应的输入字段时，日历会显示默认的深蓝色闪烁光标（管道）在日历上方（而且它不是

z-index） 

问题）。这是截图：

给定的错误不会在运行 iOS 版本低于 8 的设备上重现。

关于如何隐藏这个恼人的光标有任何已知的解决方法吗？我考虑基于 CSS 和 JS 的解决方案。

谢谢！

Answer 1

我遇到了同样的问题，我解决了它。如果你阻止在 ios 上缩放，这对我有用，你可以测试它

fotenoot：它也适用于 ios 设备。 （我查过了）

.selector {
  text-shadow: 0 0 0 gray;
  color: transparent !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none; // latest Opera versions support -webkit-
  user-select: none;
  &:focus {
    outline: none;
  }
}

<input type="text" class="selector">

Answer 2

我目前没有要测试的ios设备，但是这个线程在UITextField中禁用闪烁光标？可能会解决你的问题

Answer 3

尝试将

readonly

属性添加到 input 元素，这样如果您不想通过键盘输入更改日期，就不会看到文本光标闪烁。

<input type="text" readonly="readonly" class="selector">