title: Can't overwrite standard icons of jquery mobile search/filter field in android browser and emulator
body: <p>I wanted to replace jquery mobile's standard icons in the frameworks list view search field (when set: data-filter="true") with android specific icons. I found the responsible selector and overwrote jQM's path with my own. Everything looks fine on my desktop browsers (FF, Safari), but as soon as I start the emulator, there are no icons at all in the search field anymore.</p>
  
  <p>Here is my class that works as I said on desktop browsers but not in the simulator or on device: </p>
  
  <pre><code>/* search icon (magnifier) at the beginning of search field */
  .ui-icon-searchfield:after{
      background: url(../img/mdpi/2-action-search-dark.png) -5px -5px;
      height: 30px;
      width:30px;
      top: .8em;
      left: 0;
  
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -webkit-border-radius: 0;
  }
  
  /* delete icon (X) at the end of search field */
  .ui-icon-delete{
      background: url(../img/mdpi/1-navigation-cancel-dark.png) -7px -7px;
      height: 18px;
      width:18px;
      border-radius: 0;
      opacity: .7;
  
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -webkit-border-radius: 0;
  }
  </code></pre>