Google サイト検索の検索フィールドとボタンのスタイルをカスタマイズできましたが、検索ボタンに表示される「検索」テキストを削除する方法がわかりません。
基本的に、CSS/テキストベースのボタンを画像に置き換えましたが、下の画像でわかるように、その上に「検索」テキストがまだあります。
とにかくこれを取り除くことはありますか、それとも次のようなことをする必要がありtext-indent: -9999px;
ますか?
ボタンの私の CSS は次のとおりです。
.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;
}
ボタンの画像:
サイト検索コード:
<div id='cse' style='width: 100%;'>Loading</div>
<script src='//www.google.com/jsapi' type='text/javascript'></script>
<script type='text/javascript'>
google.load('search', '1', {language: 'en', style: src="<?=ROOT_URL?>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);
</script>