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

: 片手タイピング

ふと思い立って片手タイピングについて調べてみました。 Photoshopを使っているとマウスを離したくないのに文字を入力したい場…

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

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

: ホームページ作成用語集：Internet Explorer（インターネットエクスプローラー）

マイクロソフトが開発したブラウザ。Windowsのパソコンには最初からインストールされている。 Internet Explore…

: ３大ブラウザのJavaScript実行速度について

昨日、各ブラウザの特徴を説明しましたが、 IE、Firefox、Chrome 3大ブラウザ対決 JavaScriptの実行速度に…

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

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

: 【広告を出すのが怖い】と思ったことがありますか？

「はい」と答えた人はどれくらいいるでしょうか？結構、多いのではないかと思います。何を隠そう、自分も怖かったですし。ホームペー…

: なぜカカクコムの最安店に注文が殺到しないのか

「最安値ではなくてもアマゾンで購入する」ここに消費者の興味深い心理が含まれていますね。「利用者は未知のショップに個人情報を登…

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

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

: 手のひらサイズのプロジェクタ

海連、LED光源を使った手のひらサイズのプロジェクタ?LCOSを採用し、1mで25型投射可能。41,790円http://av.…

: モニターは消耗品

下北沢を歩いていたら、中古屋でiiyamaのモニタが安く売っていたので買ってみた。 17インチで7980円。事前に値段を調べて…

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

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