Twitter bootstrap 3 导航栏中搜索文本字段的选项

用户是否可以从实用程序下拉列表（见下图）中选择一个搜索选项，该选项将影响搜索文本字段

---

或者是否可以将下拉列表和搜索文本字段合并在一起？

我想您可以这样做。但文件中也提到：

避免在此处使用元素，因为它们无法完全样式化 WebKit浏览器

HTML在导航栏中集成

：

<form class="navbar-form navbar-left select-search" role="search">
<div class="input-group">
<span class="input-group-addon">        
<select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
</span>
<input type="text" class="form-control">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>

演示：

我发现这在chrome中效果很好，但在firefox中，选择箭头有一些类似按钮的样式：

---

我不确定如何修复这里选择箭头的样式。使用

-moz-earance:none

或

-moz-earance:menulist

对选择样式没有帮助。可能与以下内容相关：

也许引导型typeahead就是您要找的？

    .select-search .input-group-addon {
    padding: 0;
    border: 0;
    }
    .select-search .input-group .input-group-addon > select.form-control {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; 
    }