组合框显示怪异引导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; 
} 

我加那个班级我的选择和作品令人惊叹！