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

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

画像置換(text-indent)で出る点線を消したい

 投稿日時:
 最終更新日時:2016/02/16 20:02

この記事は約 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
xserver のデータベースに外部から接続する方法

これハマりました。貴重な情報ありがとうございます。 《参考サイト》◯転ばぬ先の備忘録 xserver外部からのデータベース接続方…

日本語で学べるHTML5関連資料15個まとめ

英語が得意じゃない場合は、日本語の資料っていうのは、意外と大切ですよね。 日本語で学べるHTML5関連資料15個まとめ*二十歳街…

no image
Photoshop無料レイヤースタイル&ベクトルデータ&ブラシ&プラグインまとめ

目次1 レイヤースタイル集2 ベクトルデータ集3 ブラシ集4 プラグイン集5 グラデーション6 塗りつぶしパターン集7 アクショ…

Diversity Casual People Web Design Meeting Brainstorming Concept
最も売れるランディングページを作れる人は誰か?

ここ数ヶ月間、ちょこちょことランディングページの調整をさせていただいているクライアント様から、また販売実績のご報告をいただきまし…

o0800077110456654354
ColorBar Generator ? カラーバージェネレーター ?

ColorBar Generatorは、好きな画像からその画像のイメージに合うようなオシャレ(死語)カラーバーを生成します。 適…

no image
「Internet Explorer 8」正式版が3月20日に公開

とうとう来ました。さてさてどれくらい標準準拠してるかな。 その他の参考記事 IE8では標準準拠と互換性を重視、マイクロソフトが説…

no image
グーグル、現在位置情報を共有する「Google Latitude」を発表

グーグル、現在位置情報を共有する「Google Latitude」を発表http://japan.cnet.com/mobile…

no image
無料レポート配信スタンド一覧まとめ

無料レポートを配布しよう。 どこで配布しようかと調べてみたところ無料レポートスタンドって実にたくさんあります。 プロぞう まぐぞ…

9A511AF3-2860-4039-9A47-895BFA6A20BB
WordPressにヒートマップ解析を無料で簡単に導入する方法

ユーザーがあなたのウェブサイトのどこを見て、どこをクリックして、どこを何秒読んでどこまでスクロールしたか? が分かるとしたらどう…

2015-06-12_210958
【制作事例】 吉方位引越し!ハッピー☆エナジー方位盤|ハッピー☆エナジー

吉方位引越し!ハッピー☆エナジー方位盤|ハッピー☆エナジー ★ウェブサイト制作・デザイン・HTMLコーディング・Google M…