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甚至可以正常工作。基本上在我输入的图片上，但光标停留在同一个地方，根本没有输入。

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

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"

然后它应该按预期工作： - ）