combobox display weird bootstrap Monaca

Question

Я развивался в Monaca IDE с бутстрапом; проблема, с которой я столкнулся сейчас, заключается в том, что элемент combobox отображает половину его высоты, когда я тестирую приложение в своем мобильном телефоне (или любом другом мобильном телефоне), но в предварительном просмотре он красиво выглядит,

это мой код со списком:

<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; 
} 

я добавил этот класс для моего выбора и работает потрясающе!