バッキーの日々是爆食

アクセスカウンタ

zoom RSS Firefoxの URLバーの "URLを入力します" を消す方法

<<   作成日時 : 2012/08/31 23:40   >>

ナイス ブログ気持玉 3 / トラックバック 1 / コメント 0

Firefoxを 15.0 に更新したら URLバー(ロケーションバー)に何か文字を入力するまで "URLを入力します" が消えなくなっていました。
Firefox 14.0.1 までは URLバーが入力状態になったら消えていたのに、、、
なんだかちょっと使い勝手が悪いので "URLを入力します" を消すことにしました。

画像


userchrome.cssに以下の設定を加えると URLバーの "URLを入力します" がきれいさっぱり消えます。
(厳密に言うと透明になるだけなのですが)
#urlbar .autocomplete-textbox:-moz-placeholder {
color: transparent !important;
}


画像


あぁ、すっきり。


[2012/08/31 追記]
以下のCSSを用いると 14.0.1までと同様に入力状態になったときに文言(placeholder)が消えるようになります。
*:-moz-placeholder:focus {
color: transparent !important;
}

*[autofocus]:-moz-placeholder:focus {
color: graytext !important;
}



[2012/09/01 追記]
ちょっと調べてみたら Bug 673873 - display placeholder when focusing an empty input で placeholderの表示方法が修正されたようです。
それにしても、毎回のアップデートで少しずつ仕様が変わっていくのですがアップデート前にすべて理解できているわけではありません。
そのため毎回「間違い探し」のような感じで違いを見つけて対処していくしかないのは辛いです。


[2012/09/03 追記]
userContent.cssに設定するとWebページのコンテンツでも入力フォーカスが移ったタイミングで placeholderが消えるようになりますよ。


[2013/03/08 追記]
Firefox 19から placeholderの仕様が変更になり、ここで紹介している方法では"URLを入力します"を消せなくなりました。
しかし新しい設定項目で"URLを入力します"を消せるようになってます。
詳しいことは「Firefoxの URLバーの "URLを入力します" を消す方法 Part2」をご覧ください。

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ
気持玉数 : 3
ナイス ナイス
なるほど(納得、参考になった、ヘー)

トラックバック(1件)

タイトル (本文) ブログ名/日時
Firefoxの URLバーの "URLを入力します" を消す方法 Part2
以前、userchrome.cssに設定を加えることで URLバーの "URLを入力します" を消していました。 しかし、Firefox 19で :-moz-placeholder 疑似クラスが疑似要素に置き換えられ、また"URLを入力します"が表示されるようになってしまいました。 :-( ...続きを見る
バッキーの日々是爆食
2013/03/08 10:29

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
Firefoxの URLバーの "URLを入力します" を消す方法 バッキーの日々是爆食/BIGLOBEウェブリブログ
文字サイズ:       閉じる