forms - Twitter Bootstrap 3 表单控件不适用于 safari

Question

<div class="form-group">
        <!-- Password-->
<label class="control-label" for="password">Password</label> <input type="password" id="password" name="password" class="form-control">
</div>

考虑以下代码段。它符合 tb3。问题是每当我尝试在 safari 中的该字段中输入任何内容时 - 里面都没有写入任何内容。在输入过程中，闪烁光标在字段输入时变为活动状态，但字段内没有字符/黑点出现。

ff、chrome 甚至 ie 都可以。基本上在我输入的图片上，但光标停留在同一个地方，根本没有输入。

我关闭了所有脚本，问题仍然存在。如果我将类型更改为文本，它就会开始工作，或者如果我删除表单控件，它就会工作。但两者都是必需的...

Safari 版本 5.1.7 - 适用于 Windows 的版本

谢谢，

Answer 1

我在我的案例中实现的解决方案是将这行 CSS 添加到元素

.SafariFix{
    -webkit-user-select:auto;
}

这是按钮的 HTML

 <input type="text" placeholder="Search by name" class="btn btn-default SafariFix" id="friendsearchinput">

注意（这适用于 safari 6，但我不确定以前的版本）

Answer 2

我遇到了我使用的问题

padding: 20px 13px; 

这导致了输入元素的问题。输入文本和占位符在 Safari 中不可见，但在任何其他浏览器中都可以使用。

我通过使用修复它

padding: 0 13px;
height: 45px;

看起来一样，但在 Safari 中有效。

Answer 3

我有同样的问题：您可以尝试更改font-family密码输入字段，例如：

style="font-family:Arial"

然后它应该按预期工作:-)