Google AJAX Search APIの質問です。

現在API Keyを取得し、無事に設置していますが、
この検索幅をカスタマイズしたいと思っています。
(デフォルトでは300PX程度?)

CSSで以下をいじると、
.gsc-control
色やフォントサイズなどは変更できますが、
横幅の指定が反映されません。
.gsc-control{width:180px;}

何か単純なミスをしているよう気もしますが・・
よろしくお願いします。

●やりたいこと
Search APIの横幅のサイズを変えること。

回答の条件
  • 1人5回まで
  • 登録:2009/10/14 16:12:23
  • 終了:2009/10/15 11:12:02

回答(1件)

id:n85 No.1

n85回答回数236ベストアンサー獲得回数212009/10/14 16:36:46

ポイント60pt

.gsc-control は全体のサイズ

 

検索窓のサイズなら、form.gsc-search-boxから設定ですね

id:tontonpokopoko

分かりにくくすいません。

検索窓だけではなく、検索結果も含めた横幅です。

以下、「Output」内にある横幅。

http://savedbythegoog.appspot.com/retrieve_cache?unique_id=http%...

ちなみに試しにフォームをいじっても何も起きないんですよね・・

form.gsc-search-box {

margin-bottom : 40px;//ここ

width: 40%;//ここ

}

何ででしょう・・

2009/10/14 16:54:54
  • id:tontonpokopoko
    <style type="text/css">
    .gsc-control{width:180px;}
    </style>

    もしかして<head>内に上記を追加しただけでは、
    重複して上書きされないので
    ダメなんでしょうか・・・

    今見てみたら
    gsearch.css(http://www.google.com/uds/css/gsearch.css)には、
    以下の指定もありますね・・

    .gsc-control {
    width: 300px;
    }
  • id:Cherenkov
    form.gsc-search-box {
    margin-bottom : 40px!important;//ここ
    width: 40%!important;//ここ
    }
    はどうですか?
  • id:tontonpokopoko
    Cherenkov さん、ありがとうございます。
    完璧です、解決しました!

    CSSの基本的なミスだったんですね。
    !importantを使ったことがなかったので勉強になりました。

    どうもです!
  • id:Cherenkov
    なーんだ。回答欄に書いておけばいるか賞もらえたかも。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません