title: Override the -webkit-search-cancel-button
body: <p>I'm trying to override the small (x) that appears in the search bar, to have it do more than clear the search</p>
  
  <p>Currently this is my search bar:
  HTML:</p>
  
  <pre><code>&lt;input type="search" class="form-control" id="inputSearch" placeholder="Search for node" onchange="searchForNode(this)"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#inputSearch::-webkit-search-cancel-button{
      position:relative;
      right:20px;    
  }
  </code></pre>
  
  <p>Any ideas? Thanks.</p>