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

: 重要な仕事は1日1つまでにする。

そういや調子の良いときはこれでした。参考になりますね。自分をガッツリ集中させるための8つのセルフマネジメント術http://w…

: ★4/18 ホームページ更新　共同作業会

ホームページを公開して、実際に更新を始めてみると思うように修正できないことが多いですよね。そんなときはメールやホームページから…

: SEOに使えるGoogle検索の便利な機能

「site:」「linkdomain:」などは、頻繁に使いますね。「site:」は、あるドメインのホームページのみを抽出する…

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

ホームページを公開して、実際に更新を始めてみると思うように修正できないことが多いですよね。そんなときはメールやホームページから…

: Yahoo! JAPAN、アドエクスチェンジ（広告枠取引）事業を開始

これはもしや、すごいことなのではないか？？《広告を掲載したいサイトを指名買いできる》ということだとしたら、今後の動向をちゃん…

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

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

: ★ホームページを公開したら最初にやるべきこと２４セミナーやります

「ホームページを公開したけれど、次に何をすれば良いか分からない」というあなたに、ホームページを公開したら必ずするべきことを分か…

: ホームページ作成用語集：JavaScript（ジャバスクリプト）

ホームページに様々な機能や動きを加えるために使われるプログラム言語。HTMLファイルの中に直接記述したり、別途作成した.jsファ…

: ★プロのウェブデザイナーに直接質問できるチャンスです

最近、熱帯魚を飼い始めた白鳥です（笑）水草と熱帯魚を入れた水槽を見るとアルファ波が出て集中力がアップするそうですよ。さて、ホ…

: 商品画像を拡大して魅せる

この拡大の方法はちょっと面白いかもhttp://www.cecile.co.jp/detail/3/CTCV1E000005/

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

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