Google カスタム検索の検索ボタンがつぶれてる

WordPress標準の検索ボックスに換えてGoogle カスタム検索を設置してみました。
ところが検索ボタンがつぶれて小さく表示されています。
それの修正です。

これがつぶれた状態。

修正後は

こうなります。

修正はCSSでおこないます。

input.gsc-search-button {
  box-sizing: content-box; }

table.gsc-search-box td {
  vertical-align: top!important; }

.gsc-input-box {
  height: 27px!important; }

input.gsc-search-button-v2 {
  margin-top: 0!important; }

ボタンのつぶれを直したら、微妙に入力ボックスとボタンの高さがズレていたので、併せて修正しました。

ボタンのつぶれだけなら1~2行目の「box-sizing: content-box;」だけでOKでした。

コメントを残す

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