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

ダウンロードはこちら

  関連記事

2015-12-08 20.05.00
ホームページを外注したいけれど、いくら掛かるのか不安…

コンサルタントとして独立して活動すると、契約を結ぶ際にウェブサイト制作を一緒に受注することは意外と多いもの。でも、ウェブサイトの…

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

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

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

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

スマートフォン
これが、最適化されたスマホ版サイトだ。

ホームページのスマホへの対応も無視できないレベルになってきました。画面の大きさ、入力方法の違い、などなど、スマホで閲覧した時に快…

Zemanta Related Posts Thumbnail
マウスオーバーの魅せ方

中央に三つならんでいる写真にマウスオーバーすると・・・ Ajaxをうまく活用してますね?jQuery使用のようです。

Zemanta Related Posts Thumbnail
SEO対策するキーワードの選び方?メインキーワード編(2)

―知っておきたいSEO対策の基礎9 目次1 最初にコア用語を見つける2 前記事 最初にコア用語を見つける ブレインストーミングと…

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

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

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

エントリーフォーム最適化(EFO)のポイント、前回の続きです。 目次1 ★魅力的な文章で入力を促す2 ★「クリア」ボタンは必要な…

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

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

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

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