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

ダウンロードはこちら

  関連記事

Diversity Casual People Web Design Meeting Brainstorming Concept
最も売れるランディングページを作れる人は誰か?

ここ数ヶ月間、ちょこちょことランディングページの調整をさせていただいているクライアント様から、また販売実績のご報告をいただきまし…

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

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

ランサーズ  Lancers    仕事をフリーランスに発注できるクラウド・ーシング
ホームページ制作の外注先を探すのが、とても楽な世の中になりました。

「クラウドソーシング」という言葉をご存知ですか? クラウドは「Cloud(雲)」ではなく「Crowd(群衆)」のクラウドです。ウ…

IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester

ホームページを公開するときに大切なのが、複数のブラウザで表示を確認すること。 Internet ExplorerFirefoxG…

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

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

no image
xserver のデータベースに外部から接続する方法

これハマりました。貴重な情報ありがとうございます。 《参考サイト》◯転ばぬ先の備忘録 xserver外部からのデータベース接続方…

130924_fo
Facebookカバー画像もPhotoshop無しで簡単に作れる

Facebookのカバー画像は、あなたの魅力を伝えるのに効果的。 通常は、Photoshopなどの画像編集ソフトを使って作成する…

Zemanta Related Posts Thumbnail
XREAで独自ドメインを設定する方法

★XREAで独自ドメインを設定する方法 VALUE-DOMAIN で取得したドメインを、XREAに設定する方法です。 まだドメイ…

no image
季節は巡る

「秋の足音が聞こえてきた」とかそうゆう話ではないッス。今日は珍しく普通の日記。 実は最近、すごく楽しい。 ま、実際の生活はすごい…

2015-12-09 02.12.13
WebデザイナーにおすすめのiPhoneアプリ21

こりゃ便利! 助かるなぁ。 WebデザイナーにおすすめのiPhoneアプリ21 | Webクリエイターボックス http://w…