组合框显示奇怪 bootstrap 莫纳卡

Question

我一直在 IDE 和 bootstrap 一起在莫纳卡开发；我现在遇到的问题是，当我在手机（或任何其他手机）中测试应用程序时，组合框元素显示其高度的一半，但在预览中它显示得很漂亮，

这是我的组合框代码：

<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

我解决这个问题的方法是添加一个 class，其中包含来自 bootstrap 的 <button> 代码，例如：

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

我将 class 添加到我的 select 并且效果惊人！

组合框显示奇怪 bootstrap 莫纳卡

combobox displaying weird bootstrap Monaca

html

css

combobox

twitter-bootstrap

monaca