html - 与 Firefox 相比，Bootstrap 3.0 文本输入在 Chrome 中更短

Question

我正在使用 Bootstrap 3.0

为什么在 chrome 中 textinput 的宽度比 firefox 短。

这是屏幕截图。

这适用于 Chrome

这适用于 Firefox

如您所见，Firefox 有更长的文本输入。基本上，我不确定这个问题是什么，是 Firefox 还是 Chrome？但总的来说，我想遵循 Firefox 的风格(更长的文本输入)。

这是 HTML:

 <div class="search-wrapper">
    <form class="form-inline" role="form">
      <div class="input-group date col-sm-12 col-md-10 col-lg-8 col-xs-12">
        <span class="input-group-addon add-on getStarted hidden-sm hidden-xs"><img src="images/get-started.png"/></span>
        <input id="searchJobInput" type="text" class="form-control" placeholder="Search for Jobs... Nurse, Pharmacist" style="height:55px;">
        <span class="input-group-addon add-on searchIcon"><img src="images/search-button.jpg"/></span>
      </div>
    </form>
</div>

任何帮助将不胜感激!谢谢!

Answer 1

只需在您的 css 中定义输入框的宽度，它就会覆盖浏览器默认值。

另外，问问自己，do websites need to look exactly the same in every browser? .