无法在safari上写入输入字段

Question

我有一个无法在我的Iphone上选择的输入字段.我可以点击输入,但它没有聚焦.要写的键盘出现,但当我写入内容时,没有任何反应.因此我无法填写输入字段.我的CSS中缺少什么？

<div class="container" v-if="user === null">
        <div class="input">
            <input type="text" v-model="username" placeholder="E-Mail">
        </div>
        <div class="input">
            <input type="password" @keyup.enter="authenticate" v-model="password" placeholder="Passwort">
        </div>
        <div class="buttons">
            <button @click="authenticate">Log In</button>
        </div>
    </div>

Answer 1

我的网站上出现了错误.我使用的模板是一个带有以下规则的style.css

* {
  user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
}

我不得不为safari添加以下内容:

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