【问题标题】:iPad - Text not visible when typing into input field (type="text")iPad - 在输入字段中输入时文本不可见(type="text")
【发布时间】:2017-08-14 17:35:13
【问题描述】:

我有一个带有页面的 ionic 2 应用程序,其中包含一个带有多个输入字段的 Web 表单。当我在字段中键入时,文本就在那里(我可以看到光标在我键入时移动),但在我点击字段外部或关闭虚拟键盘之前它是不可见的。除了-webkit-appearance: none; border-radius: 0;,我没有使用任何特殊样式@ 有什么我忘记设置的吗?

【问题讨论】:

  • 您用于输入的代码是什么。我在卡内的输入方面遇到了同样的问题
  • @gerdi 我将尝试在另一个项目中进行 POC。大部分代码已从 angular-cli 项目转移到 ionic-cli 项目中。在 ionic serve 中运行没有问题,但只要它在 iOS Sim/Real iPad 上运行,我就会在具有多个输入字段的表单上看到这个不可见的文本问题。 代码可能会提示 Ionic 2 团队如何处理它。当我能够确定根本原因时,我会更新。
  • @gerdi 原来问题是我在网络表单中使用的自定义复选框组件的实现错误。我还没有找到正确实现它的解决方案,但我感觉这是因为我没有实现 ControlValueAccessor 接口。我明天需要花一些时间来弄清楚,但至少我缩小了范围。注释掉其中包含复选框的 HTML 代码允许表单按预期运行。

标签: javascript html css angular ionic2


【解决方案1】:

使用-webkit-appearance: none; 是个问题。

在该行中键入会使输入字段不可见。

【讨论】:

    猜你喜欢
    • 2016-12-31
    • 2011-12-10
    • 2014-02-28
    • 1970-01-01
    • 2015-02-22
    • 2011-12-28
    • 1970-01-01
    • 2021-11-06
    • 1970-01-01
    相关资源
    最近更新 更多