为什么这个搜索表单输入奇怪地使用Twitter Bootstrap渲染？

Question

我使用Twitter Bootstrap作为Rails站点的HTML / CSS框架。

这是我的简单搜索表单：

<form class="form-search" id="new_search" method="post">
  <div style="margin:0;padding:0;display:inline">
  <input class="search-query" size="30" type="text">
  <button class="btn" name="button" type="submit">Search</button>
</form>

在Safari中渲染时，渲染的输入框在右侧（见下图）有奇怪的瑕疵。 Chrome中没有问题。

知道为什么吗？

Answer 1

其他人抱怨Mountain Lion上的Safari 6.0中存在类似的渲染问题（请参阅Bootstrap Issue #4217）。由于它在不同的网站上被看到，它被标记为Safari问题，建议尝试向Apple提交错误报告。