title: jQuery mobile 1.4.5 and custom button image
body: <p>I need to use custom png instead of default search icon of jQuery mobile.</p>
  
  <p>The code I have for default button is following </p>
  
  <pre><code>&lt;a href='@Url.Action("Search", "Home")' class="ui-btn ui-btn-icon-right ui-icon-search ui-btn-icon-notext ui-corner-all"&gt;Search&lt;/a&gt;
  </code></pre>
  
  <p>I try to redefine the CSS like this</p>
  
  <pre><code>.ui-icon-search { 
    background:
      url('images/search.png')
      50% 50% no-repeat!important; 
  }
  </code></pre>
  
  <p>I see the image but cannot get rid of the theme CSS design.</p>
  
  <p><a href="https://i.stack.imgur.com/8EOgn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8EOgn.png" alt="enter image description here"></a></p>
  
  <hr>
  
  <p>UPDATE #1</p>
  
  <p>I used CSS of the user <strong>deblocker</strong> and it looks like </p>
  
  <p><a href="https://i.stack.imgur.com/EMeju.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EMeju.png" alt="enter image description here"></a></p>