画像置換(text-indent)で出る点線を消したい
投稿日時：
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
text-indent:-9999px; を使った画像置換は
Firefox だとクリックした時に画面外へ点線が出てしまう。
そんなときは、こちらの記事を参照すると点線が消せます。
a:focus{
outline:none;
}
消すだけならこれで良いけど、枠線が出た方がいいときもありますね。
そんなときは
a:focus {
overflow:hidden;
}
で点線を出すことが出来ます。
ただ表示される点線は
a:link で指定されたフォントカラーになるからデフォルトだと《青》。
通常フォーカスが当たった時の点線は《黒》なので
このときも《黒》にしたい。
そんなときは
a:focus {
overflow:hidden;
color:#000;
}
とすると色を変えられます。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
★ホームページの更新は上手くいっていますか？
ホームページを公開して、実際に更新を始めてみると思うように修正できないことが多いですよね。 そんなときはメールやホームページから…
-
-
facebookファンページの投稿をTwitterへのツイートに連動
facebookのほうが文字数が多いので、若干、使いにくいかもしれませんが、やりたい人はこちらを参考にどぞ。 《参考記事》NPO…
-
-
モニターは消耗品
下北沢を歩いていたら、中古屋でiiyamaのモニタが安く売っていたので買ってみた。 17インチで7980円。 事前に値段を調べて…
-
-
内部SEO対策：ページタイトル作成における５つの基本
ページタイトルはホームページのテキストの中でも、検索エンジンのロボットが特に重要視している部分です。 ページタイトルを工夫するこ…
-
-
【広告を出すのが怖い】と思ったことがありますか？
「はい」と答えた人はどれくらいいるでしょうか？ 結構、多いのではないかと思います。何を隠そう、自分も怖かったですし。 ホームペー…
-
-
片手タイピング
ふと思い立って片手タイピングについて調べてみました。 Photoshopを使っているとマウスを離したくないのに文字を入力したい場…
-
-
Googleが無料で撮影してくれる「おみせフォト」 申込みページがオープン
これはスゴイ！ Googleがカメラマンを派遣して店内などを撮影してくれるサービスで、しかも無料！！ 現在の対応地域は都市圏を中…
-
-
ホームページ作成用語集：HTTP（エイチティーティーピー）
HyperText Transfer Protocolの略。HTMLなどによって書かれたハイパーテキストを送受信するために使われ…
-
-
テキストリンクに記号を表示させる
PDFをダウンロードしてもらうときなどに、ファイル形式をアイコンで表示してあげると親切です。 テキストリンクにアイコンを表示する…
-
-
「Firefox 4」は2010年後半にリリース予定
Firefoxの最新版がいよいよリリースみたいです。 今回のバージョンアップでは「HTML5以降のWeb標準技術への対応」をする…
