ソーシャル・マーケティング協会 代表理事 白鳥友康の公式ブログ。Facebook、Twitter、YouTube、LINEなど、ソーシャルメディアを活用、集客する方法を無料でお届け。

ソーシャル★マーケティングの教科書 改訂版

画像置換(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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。

ダウンロードはこちら

  関連記事

no image
ガンブラー(Gumblar)によるWebサイト改ざん被害の対策

世間を騒がしているガンブラーですが、FTPを使ってホームページを更新しているPCは特に注意が必要です。 まずは基本的な対策を。 …

no image
日本のインターネット普及率がこんなに低かったとは

総務省の発表によるとネット普及率が78.0%とのこと。この数値にあなたはどんな印象を持ちましたか? 総務省、「通信利用動向調査」…

no image
ホームページ色名一覧

ホームページで使う色を16進数で指定するのが難しい人のために慣用名でも指定することが出来るようになっています。 考えた人は偉いで…

no image
3大ブラウザのJavaScript実行速度について

昨日、各ブラウザの特徴を説明しましたが、 IE、Firefox、Chrome 3大ブラウザ対決 JavaScriptの実行速度に…

no image
Twitterからホットなキーワードを抽出する方法

こうゆうのって直接的に何かに役立つ! って感じではないけれど、 これを思い付くセンスが世の中を変えていくよね。 見た感じだと接続…

no image
ホームページ作成用語集:HTTP(エイチティーティーピー)

HyperText Transfer Protocolの略。HTMLなどによって書かれたハイパーテキストを送受信するために使われ…

no image
30秒ですっきり! 理系のためのオフィス系ストレッチ

パソコンを1日中使っている仕事柄ものすごーく肩がこります。 スポーツクラブに通ってはいてもそう頻繁には行けないので、 そんな時は…

no image
ウィンドウを2分割して表示するChromeのアドオン「Split Screen」

ホームページ制作をしていると、表示のチェックするために複数のブラウザウィンドウを開くので、デスクトップにウィンドウがたくさんあっ…

no image
ホームページ作成用語集:インターネット

世界中のコンピュータを繋いだネットワークのこと。 インターネットに接続することで、電子メールのやり取りやホームページを見ることが…

no image
本当の自己紹介

◆とあるセミナーにプチ講師として話しをする機会があり 自己紹介を見直しています。  そもそも自己紹介とは何なのか?  ということ…