无法写入野生动物园的输入字段 [英] Cannot write into input field on safari

问题描述

我有一个无法在Iphone上选择的输入字段.我可以单击输入，但是它没有聚焦.出现要写的键盘，但是当我在其中写东西时，什么也没发生.因此，我无法填写输入字段.我的CSS缺少什么了吗?

I have an input field that cannot be selected on my Iphone. I can click on the input but it is not focusing. The keyboard to write appears but when I write something into it nothing happens. Therefore I cannot fill out the input fields. Is something missing in my 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>

推荐答案

我在我的网站上出错.我使用的模板具有以下规则的style.css

I was an error on my site. The template I was using hat a style.css with the following rules

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

我必须为野生动物园添加以下内容:

I had to add the following for 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;
}

这篇关于无法写入野生动物园的输入字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！