Question

在我的网站上，人们在使用Safari时无法在输入中写入。这个问题只存在于safari中。（http://www.rootshybrid.dk/blivfrivillig/）

从其他主题我已经看到解决方案是user-select代码。我尝试将webkit-user-select: auto;和webkit-user-select: text;添加到输入字段的CSS中，但它仍然无法正常工作。

任何人都可以解决我的问题吗？

Answer 1

main.css第40行的组合输入填充

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;
}

Answer 2

只需在<p>值中添加一个空心类例如

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

因为似乎仅针对那些输入标签出现问题

无法仅在safari中写入输入字段

2 个答案: