Google Custom Search Button

Question

User1372787940 posted

How do i make the google custom search button to change to my button image  hockey.jpg?

 <div class="search-box">
         <gcse:searchbox-only resultsURL="http://www.yourbetterhealth.com/SearchPage.aspx"></gcse:searchbox-only>
 </div> 

Answer 1

User-1818759697 posted

Hi,

For this situation, you could try to change the search button image with the following method:

<style type="text/css">  
 input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {  
 border-color: #D9D9D9;  
 }  
 input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {  
 border-color: #ffffff;  
 background-color: #06492f;  
 background-image: none;  
 }  
 .gsc-input input.gsc-input {  
 background: none repeat scroll 0% 0% white !important;  
 }  
 </style>  

Regards

Answer 2

User1372787940 posted

tried that it doesnt work