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

投稿日時：2010/02/27 18:02

この記事は約 1 分で読めます。

大丈夫、あなたなら出来る！　
ソーシャル・マーケティング協会代表理事の白鳥友康です。

text-indent:-9999px; を使った画像置換は
Firefox だとクリックした時に画面外へ点線が出てしまう。
そんなときは、こちらの記事を参照すると点線が消せます。

a:focus{
  outline:none;
}

消すだけならこれで良いけど、枠線が出た方がいいときもありますね。
そんなときは

a:focus {
  overflow:hidden;
}

で点線を出すことが出来ます。

ただ表示される点線は
a:link で指定されたフォントカラーになるからデフォルトだと《青》。

通常フォーカスが当たった時の点線は《黒》なので
このときも《黒》にしたい。

そんなときは

a:focus {
  overflow:hidden;
  color:#000;
}

とすると色を変えられます。

カテゴリ - ◇個人的めも
タグ - CSS

無料プレゼント

【Web担当者向け】SNS集客の全体像を55分で把握できる動画

受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。

: 自己紹介をします！

株式会社ウィズダム・デザイン　代表取締役白鳥友康 Tomoyasu Shiratori 1976年12月14日生まれ　埼玉県…

: 究極のCPUクーラー？PCを水槽で動かしている驚きの映像

ホームページ作成にはパソコンが必須。最近、気温が上がってきたのでパソコンが熱くなりすぎると動作が遅くなってしまいますよね。そ…

: Web手続きだけで自作曲をiTunesで配信、クリプトンが代行サービス

このサービスは、音楽業界に新しい流れを生み出すかも。ドラマのタイアップやＣＭ曲が売れる現状を見ても音楽は聞いてもらってなんぼ。…

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

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

: 新機能で検索結果をカスタマイズ：ウェブ検索でもスター機能

Gooogleの検索結果が変わりましたね。検索結果の上位に「○○ のスター付き検索結果」という項目が追加されています。 G…

: tableレイアウトとCSSレイアウト

この業界にお世話になってから10年が経ちますが、HTMLのコーディング方法は、かなり変化してきました。最初は、tableタグを…

: ホームページ作成用語集：インストール

ソフトウェアをパソコンで使えるように設定すること。セットアップとも呼ばれます。ダウンロードしたファイルやCD,DVDなどのデー…

: ガンブラー（Gumblar）によるWebサイト改ざん被害の対策

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

: 内部SEO対策：<title>タイトルタグについて(2)

―知っておきたいSEO対策の基礎２キーワードを適切に含める検索エンジンはキーワードとサイトの関連性を様々な要素を考慮しながら…

★ホームページの更新は上手くいっていますか？

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