组合框显示怪异的自助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

我要解决的问题是添加一个来自bootstrap的<button>代码的类，如：

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

我将这个课程添加到我的选择并且工作得很棒！