Input iphone用户在gatsbyjs渐进式web应用程序上的输入问题

Input iphone用户在gatsbyjs渐进式web应用程序上的输入问题,input,gatsby,progressive-web-apps,Input,Gatsby,Progressive Web Apps,一个简单的应用程序,只包含带有占位符的输入字段,iphone用户既不能输入电子邮件也不能输入密码 让我知道要提供什么信息来解决这个问题,或者请指导我找到合适的文章。我没能找到一个能解决同样问题的 android上的一切都很好 import React from "react" const HomePage = () => { return ( <div> <input type="email&

一个简单的应用程序,只包含带有占位符的输入字段,iphone用户既不能输入电子邮件也不能输入密码

让我知道要提供什么信息来解决这个问题,或者请指导我找到合适的文章。我没能找到一个能解决同样问题的

android上的一切都很好

import React from "react"

const HomePage = () => {
    return (
        <div>
            <input type="email" placeholder="email" />
            <input type="password" placeholder="password" />
        </div>
    )
}

export default HomePage
从“React”导入React
const主页=()=>{
返回(
)
}
导出默认主页

我猜这与盖茨比无关,这似乎是一个行为(CSS)问题。尝试添加以下规则:

input, input:before, input:after {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

来源:

您检查过这个问题吗?非常感谢。这解决了我的问题,我让用户选择:全局无。(!)()谢谢,这正是问题所在,我让用户选择:none globaly。我很高兴它有帮助。如果问题已经解决,请考虑接受/投票回答关闭问题: