输入文本字段未在Ipad设备上显示（Safari）

Question

我有一个输入字段，我在其中使用ui-mask。我正在做一些QA，并注意到它显示在Safari上的Ipad设备上输入文本时，我可以看到插入移动位置，但我看不到任何文本。这适用于桌面浏览器和移动设备，如nexus 5，samsung s6，但在ipad safari上它没有按预期工作。

我在网上看到了关于将-webkit-user-select设置为文本的内容。我试过这个但仍然没有在ipad上工作。

非常感谢任何有关如何解决此错误的人

Answer 1

不确定原因，但将此规则设置为输入（实际上是页面实际上）容器有助于类似情况

position: relative;
z-index: 1;

Answer 2

我有一个类似的问题，对我来说问题是我在输入元素上强制修复 height ，有效地强制输入框的文本为隐。 也必须设置 line-height 以匹配高度。

Answer 3

只是遇到了同样的问题并解决了该问题：

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    input, textarea {
        transform: translateZ(0px) !important;
    }
}