ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > Google > Googleの検索ボックスがやたら主張するようになったのでユーザースタイルシート(Stylish)で小さくする
2009年09月13日 12:50
878日前に投稿

Googleの検索ボックスがやたら主張するようになったのでユーザースタイルシート(Stylish)で小さくする

  • ... PV
  • このエントリーをはてなブックマークに追加

スポンサード リンク

ちょっと前にGoogleの検索ボックスの文字サイズが大きくなりましたが、個人的にこれはキライ。ちょっと主張しすぎだし、他人からディスプレイを覗かれた時に検索ワードを認識されやすくなったからです。

というわけでユーザースタイルシートを使ってみることに。

Firefoxにはユーザーが自由にスタイルをカスタマイズできる userContent.css というのがあるらしいのですが、その場合Firefoを再起動しないとスタイルが反映されないようなので、拡張機能の Stylish を入れました。これであれば簡単にスタイルを変更できます。

Stylishをインストールしたら、Googleの検索結果ページへ移動。

stylish-google-keyword.gif

↑ Firefoxの右下にある白い「S」マークをクリックして、新しいスタイルを「google.co.jp」用で作成します。

stylish-google-keyword-2.gif

↑ 適当に名前をつけてスタイルを書きます。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("google.co.jp"), domain("google.com") {
  .gac_c, .lst {
    font-size:12px !important;
  }
  .lsb {
    font-size:12px !important;
    height:24px !important;
  }
}

↑ 書いたスタイルはこんな感じ。.gac_c は Googleサジェスト、.lst は 検索ボックスにあてられているclass名です。.lsb は検索ボタン。ドメインはお好みで。

これで検索ボックスの文字サイズが 12px になります。

スポンサード リンク

Written by
Meity.jp - 「DM送りたいのでフォローしてください」とかめんどくさくないですか?


トラックバック

このエントリーのトラックバックURL:

Google / ユーザビリティ

English version

前のエントリー: « Twitterのページングが馬鹿でかい数になっている
次のエントリー: 「あなたのそばにあるものがあなたの印象を決める」 - 視覚マーケティング実践講座 出版セミナー »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: