サイトなどに設置した、Google カスタム検索の検索窓について、 CSSだけでデザインをカスタマイズする方法を紹介します。 公式サイト:Google カスタム検索 カスタマイズについて デザインはCSSだけで行うため、Google カスタム検索のHTMLタグやJavaScriptを改変することはありません。 Google カスタム検索の設定は、レイアウトの選択は「Google がホスト」、 スタイルの選択/カスタマイズは「デフォルト」を選択した場合のコードをベースにしています。 検索ボックスを囲むdivのidは#cse-search-formとなっていますが、 これはレイアウトやGoogle Adsenseの有無によって変ります。 ちなみに、利用規約では下記のように明記されているため、 テキストボックスの「Google カスタム検索」という背景は削除できません。 検索ボックスには、本件サ