ソーシャル・マーケティング協会 代表理事 白鳥友康の公式ブログ。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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。

ダウンロードはこちら

  関連記事

Zemanta Related Posts Thumbnail
VALUE-DOMAINでドメインを取得する方法

○空きドメイン検索 こちらのページから取得したいドメインを検索してみましょう。  ↓ ↓ ↓バリュードメイン 「希望ドメイン名」…

IE6でclearfixのためにoverflow:hidden指定するときの注意事項

要素をfloatしたときに、その親要素に overflow:hidden; を設定することは良くあると思います。その際は、Int…

no image
リンクに良く使われている「>>」記号をHTMLで表示する方法

リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …

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

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

2015-04-17_081735
ウェブサイトの出口をしっかり整理する

ウェブサイトは、入口と出口が最も重要です。多くのウェブサイトは、お問い合わせフォームが出口になることが多いですよね。そういったメ…

email icon post sign
エントリーフォーム最適化(EFO)でお問い合わせの数を増やす。その2

前回、エントリーフォーム最適化(EFO)の大切さについてお伝えしましたが、今回は実際にどの部分を修正すれば良いのかを説明していき…

no image
IE、Firefox、Chrome 3大ブラウザ対決

先日、Google Chrome 4 が公開されたお知らせをしましたが Google「Chrome 4」正式版リリース &#82…

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

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

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

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

no image
ズバリ!売れるセールスレター Lite版 作成中!

現在公開中のセールスページ作成サービスですが、どうも初めて買う商品としては価格が高いようなので、フロント商品として価格を抑えた商…