先日、とあるサイトにグーグル検索窓を導入したはいいものの、検索窓の下の枠線が消えていました。修正するのに1時間ほどかかってしまったので、今後の自分のためにメモします。
今回参考にしましたのは…。
新しく追加した Google カスタム検索エンジンの HTML をカスタマイズする方法。 | btmup Blog
最後に載せてくれてあるコードがとても役に立ちました。
これのおかげで、検索ワード入力エリアの高さが高すぎて、テーブルの枠線を消していることに気がつきました。
解決法
style.cssに以下のような記述を入れると解決しました。
#cse-search-form input[type="text"] {
height:19px !important;
}
!importantがとても大事です。
以上、今後同じ過ちを繰り返さないための、備忘録でした。