画像置換(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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
Googleが無料で撮影してくれる「おみせフォト」 申込みページがオープン
これはスゴイ！ Googleがカメラマンを派遣して店内などを撮影してくれるサービスで、しかも無料！！ 現在の対応地域は都市圏を中…
-
-
テキストリンクに記号を表示させる
PDFをダウンロードしてもらうときなどに、ファイル形式をアイコンで表示してあげると親切です。 テキストリンクにアイコンを表示する…
-
-
ホームページ作成用語集：JavaScript（ジャバスクリプト）
ホームページに様々な機能や動きを加えるために使われるプログラム言語。HTMLファイルの中に直接記述したり、別途作成した.jsファ…
-
-
IE、Firefox、Chrome 3大ブラウザ対決
先日、Google Chrome 4 が公開されたお知らせをしましたが Google「Chrome 4」正式版リリース R…
-
-
Googleがついに順位決定に表示速度を使い始めた。
日々変化を続けるＳＥＯ対策。 今度はページの表示速度が影響を与えるようになりました。表示速度 1.4秒が目安みたいです。 元々、…
-
-
ガンブラー（Gumblar）によるWebサイト改ざん被害の対策
世間を騒がしているガンブラーですが、FTPを使ってホームページを更新しているＰＣは特に注意が必要です。 まずは基本的な対策を。 …
-
-
究極のCPUクーラー？PCを水槽で動かしている驚きの映像
ホームページ作成にはパソコンが必須。 最近、気温が上がってきたのでパソコンが熱くなりすぎると動作が遅くなってしまいますよね。 そ…
-
-
ホームページ作成用語集：Flash
Adobe Flash、略してFlash。 アドビシステムズ (Adobe Systems) が開発した、動画などのリッチコンテ…
-
-
ホームページ作成用語集：FTPソフト（エフティーピーソフト）
FTPを使ってファイルを送受信するためのソフトウェア。主にサーバーとのファイルの送受信に利用します。 フリーソフトのFFFTPが…
-
-
ホームページ作成用語集：インストール
ソフトウェアをパソコンで使えるように設定すること。セットアップとも呼ばれます。 ダウンロードしたファイルやCD,DVDなどのデー…
