爲什麼這個搜索表單輸入使用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提交錯誤報告。