画像置換(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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
【制作事例】 吉方位引越し！ハッピー☆エナジー方位盤｜ハッピー☆エナジー
吉方位引越し！ハッピー☆エナジー方位盤｜ハッピー☆エナジー ★ウェブサイト制作・デザイン・HTMLコーディング・Google M…
-
-
WordPressにヒートマップ解析を無料で簡単に導入する方法
ユーザーがあなたのウェブサイトのどこを見て､どこをクリックして､どこを何秒読んでどこまでスクロールしたか？ が分かるとしたらどう…
-
-
HTML5で廃止予定の要素と属性
ブログなどを使って投稿すると、自動的に挿入されてしまうタグが多数ありますね。 現在でも推奨はされていないが、頻繁に使われているタ…
-
-
ズバリ！売れるセールスレター Lite版 作成中！
現在公開中のセールスページ作成サービスですが、どうも初めて買う商品としては価格が高いようなので、フロント商品として価格を抑えた商…
-
-
日本語で学べるHTML5関連資料15個まとめ
英語が得意じゃない場合は、日本語の資料っていうのは、意外と大切ですよね。 日本語で学べるHTML5関連資料15個まとめ*二十歳街…
-
-
XREAで独自ドメインを設定する方法
★XREAで独自ドメインを設定する方法 VALUE-DOMAIN で取得したドメインを、XREAに設定する方法です。 まだドメイ…
-
-
最も売れるランディングページを作れる人は誰か？
ここ数ヶ月間、ちょこちょことランディングページの調整をさせていただいているクライアント様から、また販売実績のご報告をいただきまし…
-
-
IE、Firefox、Chrome 3大ブラウザ対決
先日、Google Chrome 4 が公開されたお知らせをしましたが Google「Chrome 4」正式版リリース R…
-
-
★ウェブサイトの情報をCSVでダウンロードして利用する。
例えば、ある地域にある不動産の物件情報をExcelなどを利用して自社で解析したいとする。対象のデータは、賃貸ポータルサイトの検索…
-
-
便利なjQueryプラグインとチュートリアル45個
ツールチップとか、いろいろ使ってみたいものがたくさん。jQuery楽しいなぁ。 ■UIをブラッシュアップする便利なjQueryプ…