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でした。




コメント