Google検索窓導入時に窓枠の下部が消えた場合はCSSで対処

公開 更新

Google検索窓の下の枠線が消えていました
先日、とあるサイトにグーグル検索窓を導入したはいいものの、検索窓の下の枠線が消えていました。修正するのに1時間ほどかかってしまったので、今後の自分のためにメモします。

今回参考にしましたのは…。
新しく追加した Google カスタム検索エンジンの HTML をカスタマイズする方法。 | btmup Blog
最後に載せてくれてあるコードがとても役に立ちました。

これのおかげで、検索ワード入力エリアの高さが高すぎて、テーブルの枠線を消していることに気がつきました。

解決法

style.cssに以下のような記述を入れると解決しました。

#cse-search-form input[type="text"] {
    height:19px !important;
}

!importantがとても大事です。

以上、今後同じ過ちを繰り返さないための、備忘録でした。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です