WordPressにリプレイスしてから、普通にWP標準の機能を使ってブログ内のキーワード検索を実装させていましたが、検索フォームのレイアウト変更にともなって、Googleカスタム検索に再び切り替えることにしました。 で、そうなるとやっぱり納得いかないのがGoogleカスタム検索のデザインです。 もうずいぶん前になりますが、Googleカスタム検索のデザインを変更する方法について書いたことがありました。 今思うとだいぶひどい方法を採っていたんですよね。。 何が酷いってかなり無理矢理変更してましたからねぇ。よくあれで引っかからなかったもんだと思うほど。 まぁ今の自分が見て「ひでぇな」って思えるということは、それなりに成長したってことなんでしょうか。 とかなんとかそんなことはどうでもよくて、今回はCSSだけでデザインを変えるテクニックをば。 Googleカスタム検索のフォームのコードは以下のよう
![「Googleカスタム検索」のデザインをCSSレベルで変更するテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/d12e4ec816176b60d971c88f6e4a5a9ae334202a/height=288;version=1;width=512/https%3A%2F%2Fmbdb.jp%2Fwp-content%2Fuploads%2F2012%2F01%2Fgoogle_custom_search.jpg)