title: is there a way to place material icon as input background?
body: <p>Is there a way to place material icon in an input filed as background at the right? </p>
  
  <p>I know I can place an image as input filed background but material icons are not images and I think these are created by fonts.</p>
  
  <p>this is what I am trying but no luck</p>
  
  <pre><code>&lt;input type="search" class="global-search"
         ng-model="vm.searchText"
         ng-keyup="$event.keyCode == 13 ? vm.search() : null"
         placeholder="I can help you to find anything you want!"/&gt;
  
  &lt;a ng-click="vm.search()"&gt;
    &lt;i class="material-icons global-search-icon"&gt;&amp;#xE8B6;&lt;/i&gt; &lt;!--search--&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>the icon <code>&lt;i class="material-icons global-search-icon"&gt;&amp;#xE8B6;&lt;/i&gt;</code> need to be the background image of <code>&lt;input type='text'/&gt;</code></p>