画像置換(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がついに順位決定に表示速度を使い始めた。
日々変化を続けるＳＥＯ対策。 今度はページの表示速度が影響を与えるようになりました。表示速度 1.4秒が目安みたいです。 元々、…
-
-
ガンブラー（Gumblar）によるWebサイト改ざん被害の対策
世間を騒がしているガンブラーですが、FTPを使ってホームページを更新しているＰＣは特に注意が必要です。 まずは基本的な対策を。 …
-
-
JavaScriptでマルチバイト文字列を決まった長さで省略する方法
ブログの「続きを読む」みたいなことを、JavaScriptで実現する方法です。 デザインの都合でエリアに入力できる文字数が決まっ…
-
-
３大ブラウザのJavaScript実行速度について
昨日、各ブラウザの特徴を説明しましたが、 IE、Firefox、Chrome 3大ブラウザ対決 JavaScriptの実行速度に…
-
-
なぜカカクコムの最安店に注文が殺到しないのか
「最安値ではなくてもアマゾンで購入する」 ここに消費者の興味深い心理が含まれていますね。 「利用者は未知のショップに個人情報を登…
-
-
IE、Firefox、Chrome 3大ブラウザ対決
先日、Google Chrome 4 が公開されたお知らせをしましたが Google「Chrome 4」正式版リリース R…
-
-
Google「Chrome 4」正式版リリース – 拡張機能に対応
お気に入りのブラウザ Chrome の最新版がリリースされました。 「インターネットを見る」と言えば、InternetExplo…
-
-
本日限りです
先日お知らせしました、格安のホームページ作成代行サービスですが、本日23:59 59秒限りで先行販売終了となります。 先行販売価…
-
-
Photoshop のびっくりショートカット
小ネタ。 こんなショートカット発見。使えるかもしれないし使えないかも 《移動》ツールを選択してガイドの上に。 その状態のまま《A…
-
-
ホームページ作成セミナー無事終了しました。ありがとうございます。
先日開催した ホームページ作成セミナー。 目玉が飛び出るほどのトラブルがありましたが、無事終了することが出来ました。 参加してい…
