Bootstrap glyphicon在safari中无法正确呈现

Question

我正在使用bootstrap glyphicon作为用户名和密码。它在除safari之外的所有浏览器上都能正确呈现。我已在下面附上快照。我无法弄清问题是什么。我尝试使字体大小(style="font-size:x-small")并使用<small></small>标记，但我仍然没有得到结果。 这是代码：

<div class="input-group input-group-lg">

<span class="input-group-addon"><i class="glyphicon glyphicon-user red"></i></span>
@Html.TextBoxFor(m => m.UserName, new { @class = "form-control", @placeholder = "Email", @autofocus = "autofocus" })
@Html.ValidationMessageFor(m => m.UserName)
</div>

Answer 1

如果您使用旧版本的bootstrap尝试更新glyphicon，请参阅此Link可能会解决您的问题