【问题标题】:Can't write in input fields only in safari仅在 Safari 中无法在输入字段中写入
【发布时间】:2017-04-16 16:53:24
【问题描述】:

在我的网站上,人们在使用 Safari 时不知何故无法在输入中写入内容。该问题仅存在于野生动物园中。 (http://www.rootshybrid.dk/blivfrivillig/)

从其他线程我看到解决方案是user-select 代码。我已经尝试将webkit-user-select: auto;webkit-user-select: text; 都添加到输入字段的css 中,但它仍然不起作用。

有人能解决我的问题吗?

【问题讨论】:

  • 我可以使用 Safari 8.0.2 在其中写入。 imgur.com/a/dTCzF
  • 欢迎来到 SO。请访问help center 了解询问内容和方式。现在你的问题对任何人都没有用,除了你自己。当您更改站点时,问题就消失了。请在此处创建minimal reproducible example

标签: html css forms input safari


【解决方案1】:

main.css第40行的组合输入padding

input, select, textarea {
    border-radius: 6px;
    border: 1px solid #d0d0d0;
    outline: 0;
    font-family: Roboto;
    padding: 15px 10px;  /*<<<<<<<*/
    font-size: 15px;
    webkit-user-select: auto;
}

不适用于 main.css 第 55 行和第 80 行的高度

.whitebox input[type="text"] {
    height: 20px;
}

【讨论】:

  • 所以......这个问题对除了 OP 之外的任何人都没有用。你的答案呢?
  • 我没有问题被删除。
【解决方案2】:

只需向&lt;p&gt; 值添加一个空心类 例如

<p class="abc">
  <label class="stdlabel">Fornavn *</label>
  <input type="text" name="firstname" value="">
</p>

因为似乎问题只发生在那些输入标签上

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-12-27
    • 2018-09-11
    • 2021-02-25
    • 1970-01-01
    • 2021-08-22
    • 1970-01-01
    相关资源
    最近更新 更多