如何在基于iOS8的设备中隐藏输入字段内的闪烁插入符(管道)?

时间:2015-09-21 18:45:25

标签: javascript jquery css ios8

我正在为我的一个项目(Zebra Datepicker)使用jQuery日期选择器插件,这需要使用input字段。问题是,在iPhone 6(运行iOS8)上测试网站时,当我点击相应的输入字段时,日历会显示默认的深蓝色闪烁光标(管道)上面日历(和这不是z-index问题。这是截图:

enter image description here

在运行低于8的iOS版本的设备上,给定的错误将无法重现

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

谢谢!

2 个答案:

答案 0 :(得分: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">
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我目前没有要测试的ios设备,但此线程Disable blinking cursor in UITextField?可能会解决您的问题