画像置換(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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
アンカーリンクをクリックした時にスクロールして移動する
ウェブサイトには、クリックするとページ内の指定の場所に移動する「アンカー」という機能がありますよね。 この機能は、普通に指定する…
-
-
最も売れるランディングページを作れる人は誰か？
ここ数ヶ月間、ちょこちょことランディングページの調整をさせていただいているクライアント様から、また販売実績のご報告をいただきまし…
-
-
★ホームページ診断で必ずチェックしたい指標
弊社でウェブサイト診断を行う際のチェック項目は、たくさんあるのですが、まずはアクセス解析のデータをチェックして欲しいです。 アク…
-
-
Facebookカバー画像もPhotoshop無しで簡単に作れる
Facebookのカバー画像は、あなたの魅力を伝えるのに効果的。 通常は、Photoshopなどの画像編集ソフトを使って作成する…
-
-
テキストを変更するだけでそのまま使えるボタン素材いろいろ（PSDファイル付き）
お申し込みボタンはサイトの成約率に与える影響がとても大きい部分ですよね。 初心者の方が作ったサイトでも、お申し込みボタンだけは整…
-
-
リンクに良く使われている「>>」記号をHTMLで表示する方法
リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …
-
-
xserver のデータベースに外部から接続する方法
これハマりました。貴重な情報ありがとうございます。 《参考サイト》◯転ばぬ先の備忘録 xserver外部からのデータベース接続方…
-
-
素人でも簡単にロゴが作成できる便利なサービス
何かのサービスを立ち上げるの時には、ロゴが必要になることが多いので、こういったサービスは嬉しいですね。ある程度のデザインセンスは…
-
-
VALUE-DOMAINでドメインを取得する方法
○空きドメイン検索 こちらのページから取得したいドメインを検索してみましょう。 ↓ ↓ ↓バリュードメイン 「希望ドメイン名」…
-
-
グーグル、現在位置情報を共有する「Google Latitude」を発表
グーグル、現在位置情報を共有する「Google Latitude」を発表http://japan.cnet.com/mobile…