On <select>
tags the Android stock browser will not display the side controls if there is a border-radius
and/or border: 1px ...
style on it. Below is the code that will remove the offending css and render the select as the native select on the Android stock broswer, while avoiding Chrome, AppleWebKit, and Mozilla based browsers.
<script> var nua = navigator.userAgent; var is_android = ((nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1) && !(nua.indexOf('Chrome') > -1)); if(is_android) { $('select.form-control').removeClass('form-control').css('width', '100%'); } </script>