googleのカスタム検索
googleのカスタム検索をホームページに設置しようと思っています。
アカウント取得して、設置しようとしているのですが、
ボタンを画像にしたり、ボックスの幅を変更できないのでしょうか?
<div id="cse-search-form" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1');
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('011829881965112279581:kkxhjvjwxl4');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
var options = new google.search.DrawOptions();
options.enableSearchboxOnly("http://xxx.com");
customSearchControl.draw('cse-search-form', options);
}, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
色々調べたのですが、イマイチ要領を得ることができませんでした。
教えてくださいお願いします。
補足
御親切に回答ありがとうございます。 フルCSSテンプレートで作業を進めています。 スタイルシートで回避できるということは、 埋め込まれたスタイル構成の中のどれかの値を変更しなければいけないのでしょうか。 色々と何度か変えてみてはいるのですが、改善がされないので…。 どの値かご存じないでしょうか? 素人で申し訳ありません。