Ipad 设备 (Safari) 上未显示输入文本字段答案

【问题标题】：Input text field not showing on Ipad devices (Safari)Ipad 设备 (Safari) 上未显示输入文本字段
【发布时间】：2017-01-22 01:37:42
【问题描述】：

我有一个使用 ui-mask 的输入字段。我正在做一些 QA 并注意到它在 Safari 上的 Ipad 设备上输入文本时显示，我可以看到插入符号移动的位置，但我看不到任何文本。这在桌面浏览器和移动设备（如 nexus 5、samsung s6）上运行良好，但在 ipad safari 上却无法正常运行。

我在网上看到一些关于将 -webkit-user-select 设置为文本的内容。我试过了，但它仍然无法在 ipad 上运行。

感谢任何对如何解决此错误有任何想法的人

【问题讨论】：

标签： html css angularjs ipad safari

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

不知道为什么，但是将此规则设置为输入的（实际上是页面的）容器在类似情况下有所帮助

position: relative;
z-index: 1;

【讨论】：