組合框顯示怪異引導Monaca

Question

我一直在使用bootstrap在Monaca IDE中開發;我現在遇到的問題是，當我在手機（或任何其他手機）中測試應用程序時，組合框元素顯示其高度的一半，但在預覽中它顯示爲美麗，

這是我的組合框代碼：

<div class="input-group"> 
     <div class="input-group-addon"> 
      <ons-icon icon="fa fa-car" size="15px" fixed-width="false"></ons-icon> 
     </div> 
     <select ng-model="combo" id="miselect" class="btn btn-primary dropdown-toggle col-xs-12"> 
      <option>[ Seleccione parada ]</option> 
      <option ng-repeat="parada in paradas">{{ parada }}</option> 
     </select> 
</div> 

有沒有人遇到過這樣的問題？

這是怎麼顯示：

Answer 1

我做了什麼來解決它添加一個類，有從引導的<button>代碼，喜歡的東西：

.myclass{ 
    -webkit-appearance: button; 
    cursor: pointer; 
} 

我加那個班級我的選擇和作品令人驚歎！