title: Customizing Google Site Search submit button?
body: <p>I have managed to customize the styling of the google site search search field and button, however I can't figure out how to get rid of the "Search" text that displays on the search button.</p>
  
  <p>Basically, I have replaced the css/text-based button with an image, however as you can see with the image below it still has the "Search" text on top of it.</p>
  
  <p>Is there anyway to get rid of this or do I have to resort to doing something like <code>text-indent: -9999px;</code> ?</p>
  
  <p>My CSS for the button is:</p>
  
  <pre><code>.cse input.gsc-search-button,
  input.gsc-search-button {
    width: 103px;
    min-width: 103px;
    height: 36px;
    min-height: 36px;
    border: none;
    background: url('../images/search-btn.png') left top no-repeat;
  }
  </code></pre>
  
  <p>Image of the button:</p>
  
  <p><img src="https://i.stack.imgur.com/EfUV8.png" alt="enter image description here"></p>
  
  <p>Site Search Code:</p>
  
  <pre><code>&lt;div id='cse' style='width: 100%;'&gt;Loading&lt;/div&gt;
  &lt;script src='//www.google.com/jsapi' type='text/javascript'&gt;&lt;/script&gt;
  &lt;script type='text/javascript'&gt;
  google.load('search', '1', {language: 'en', style: src="&lt;?=ROOT_URL?&gt;css/default.css"});
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};
    var customSearchControl =   new google.search.CustomSearchControl('xxxxxxxxxxxxxxxxxxxxxxxxxx', customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var options = new google.search.DrawOptions();
    customSearchControl.draw('cse', options);
  }, true);
  &lt;/script&gt;
  </code></pre>