在iPad设备（Safari浏览器）上未显示输入文本字段

Question

我有一个输入字段，其中使用了ui-mask。在进行QA测试时，注意到在Safari上的iPad设备上输入文本时，可以看到光标移动，但无法看到任何文本。这在桌面浏览器和移动设备（如Nexus 5、Samsung S6）上运行良好，但在iPad Safari上却不能按预期工作。

我在网上看到关于将-webkit-user-select设置为text的内容。我尝试了这个方法，但在iPad上仍然没有效果。

希望有人能提供任何解决此错误的想法。

- user3775998

Answer 1

刚遇到了同样的问题并解决了它：

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

- Fabio Caccamo

Answer 2

我遇到了类似的问题，对我来说问题是我在输入元素上强制设置了固定的高度，从而导致输入框中的文本被隐藏起来。你还必须设置行高以匹配高度。

- andreihondrari

Answer 3

不确定为什么，但将这些规则设置为输入框（实际上是页面）的容器，在类似的情况下有所帮助。

position: relative;
z-index: 1;

- Leonid Fenko