【Firefox】Googleカスタム検索の入力欄の崩れ修正
一昨日までは普通に表示されていたのに、昨日見たらいきなり崩れていてビックリしました。
【崩れていたところ】
スマホサイトまとめ、リスティング広告まとめサイトの右上にある「Googleカスタム検索」の入力欄。メチャクチャ長くなってて崩れてた。
【ブラウザ】
Googleカスタム検索で作成後の貼りつけるコードを何の迷いもなくただ貼り付けていたのですが、入力欄の「<input type="text" ~」の中の「size="〇〇"」が問題みたいでした。これを小さくしたらいい感じになったのですが、ブラウザごとに微妙に長さが違ってくるので、「size」ではなく「CSS」で長さ調整する感じに変更。
#cse-search-box input[type="text"] {
width:260px;
height:18px;
}
みたいな感じで、同じように、入力欄の横の「検索」ボタンも微調整して終了。そのうちもっとちゃんと修正しようと思いますが、ひとまずコレでアムロいきます。
勝手にスマホサイトまとめ|スマホサイトとjQueryMobileのまとめ
勝手にリスティング広告まとめ|テキスト・イメージ広告、ランディングページまとめ