Bootstrap 3 - 使用input-group-addon

Question

我在我当前的项目和登录页面上使用Bootstrap 3，我第一次使用了input-group-addon。我的代码目前看起来像这样：

<div class="input-group">
  <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
  <input class="form-control" type="email" name="email" required placeholder="E-Mail">
</div>

当我使用Safari在我的iPhone上打开页面并单击输入字段时，它会像往常一样放大到输入字段（居中）。然而，在这种情况下，它看起来非常奇怪，因为插件留给了它。是否可以使整个＆＃34;输入组＆＃34;而不仅仅是输入字段居中，同时仍然允许用户输入输入？

提前致谢！如果缺少任何代码或者您正在寻找更多信息，我很乐意提供。

Answer 1

我现在发现，当文本字段的字体大小为＆lt;时，在Safari移动设备中会出现缩放效果。 16px的。将font-size设置为16px解决了我的问题，因为我的插件的输入字段在之前居中并且不再另外放大。

Answer 2

此外，select元素需要附加focus伪类。

.form-control:focus{
  font-size: 16px;
  text-align:center;
}