どのように私はGoogleのカスタム検索ボックスをスタイルすることができます - javascript、html、css

サイト検索をしたい、Googleカスタム検索を使用しているが、独自のスタイルを持っています。 CSSを使用して検索ボックスのスタイルを変更したい。

AJAXもjQueryも使用しないでください。

JavaScript：

(function() {
var cx = "myID";
var gcse = document.createElement("script");
gcse.type = "text/javascript";
gcse.async = true;
gcse.src = "https://cse.google.com/cse.js?cx=" + cx;
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(gcse, s);
})();

HTML：

<gcse:search></gcse:search>

私は次のようにしたい： www.w3schools.com

回答：

DOM検査ツールを右クリックして使用できます検索バーと検査要素。また、IDとクラス、およびデフォルトのスタイルを決定できます。 次に、デフォルトのルールをオーバーライドする独自のcssルールを作成して、次のようなcssコードを試してください。

input.gsc-input {}
input.gsc-search-button {}
form.gsc-search-box {}
div.gsc-control-cse {}