画像置換(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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
モバイル EC サイトの商品検索結果における最適なレイアウトとは？?IMJM が調査
細かいことだけど意外と大切だよね。 モバイル EC での、商品検索結果の適切な商品一覧の表示イメージ…
-
-
エントリーフォーム最適化（EFO）でお問い合わせの数を増やす。その2
前回、エントリーフォーム最適化（EFO）の大切さについてお伝えしましたが、今回は実際にどの部分を修正すれば良いのかを説明していき…
-
-
【制作事例】 吉方位引越し！ハッピー☆エナジー方位盤｜ハッピー☆エナジー
吉方位引越し！ハッピー☆エナジー方位盤｜ハッピー☆エナジー ★ウェブサイト制作・デザイン・HTMLコーディング・Google M…
-
-
HTML5のcanvasでランキング描画 – まつぼっくりんご
こうゆうのは後々使うときありますね。canvasはアイディア次第でいろいろと。 HTML5のcanvasでランキング描画 …
-
-
３大ブラウザのJavaScript実行速度について
昨日、各ブラウザの特徴を説明しましたが、 IE、Firefox、Chrome 3大ブラウザ対決 JavaScriptの実行速度に…
-
-
★工務店さんのウェブサイトは施工事例がとっても大切。
日々、現場で作業をしていて施工事例はたっぷりあるけれど、自社サイトに最新事例をアップできていない。そんな会社様も多いと思います。…
-
-
★ホームページ診断で必ずチェックしたい指標
弊社でウェブサイト診断を行う際のチェック項目は、たくさんあるのですが、まずはアクセス解析のデータをチェックして欲しいです。 アク…
-
-
アンカーリンクをクリックした時にスクロールして移動する
ウェブサイトには、クリックするとページ内の指定の場所に移動する「アンカー」という機能がありますよね。 この機能は、普通に指定する…
-
-
Facebookだけじゃダメ。他のメディアも使わないと！
Facebookを活用して集客することはもちろん可能ですが、Facebookは他のメディアと組み合わせてこそ、その本領を発揮しま…
-
-
無料レポート配信スタンド一覧まとめ
無料レポートを配布しよう。 どこで配布しようかと調べてみたところ無料レポートスタンドって実にたくさんあります。 プロぞう まぐぞ…