CSS Select Issues on Android 2.3.x Browsers

While writing some cross platform Bootstrap web code for a project I am working on, I came across an obscure issue, where a select drop-down list doesn’t work on the default Android browser on Android 2.3.x.

It seems to be a known issue with some web developers, and is a bug in the Android browser code. I came across the solution that worked for me here, in tip #13.

Basically add this to the head of the form page script (Code snippet updated 2013-07-27):

<style> <!-- This style section is used to fix a bug where drop-down menus on navbars don't work on mobile browsers. -->
  select { position: relative; z-index: 999; }
  .dropdown-backdrop {
   position: static;
  }
 </style>