当输入为空时，光标不垂直对齐，是否是引导程序/浏览器的错误？

Question

我正在使用一个最小的bootstrap表单输入＆amp; fontawesome图标，

当输入为空时，光标位置稍高，

当它出现像这样的东西时（又名垂直对齐）

我不确定这是否是浏览器错误？我在Ubuntu中使用chrome-browser 38。

附加源代码：

<div class="center-block text-center">
    <form class="form-inline" role="form" action="#" method="post">
        <div class="input-group">
            <span class="input-group-addon">
                <i class="fa fa-automobile"></i>
            </span>

            <div class="form-group">
                <input class="form-control" name="q" type="text" />
            </div>
        </div>
    </form>
</div>

Answer 1

这是特定于浏览器的行为。

只有chrome表现出这种行为

你不会在Firefox或IE中看到这个。

这种情况仅适用于Chrome中的空输入字段。如果您使用输入框的占位符文本，则对齐不会有任何问题。