画像置換(text-indent)で出る点線を消したい
投稿日時:
この記事は約 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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
IEの独占が崩れてきた
Net Applicationsの調査によると2010年5月の時点でIEのシェアが6割を切ったようです。 Firefox、Chr…
-
-
SEOに使えるGoogle検索の便利な機能
「site:」「linkdomain:」などは、頻繁に使いますね。 目次1 「site:」は、2 「linkdomain:」は、…
-
-
facebookファンページの投稿をTwitterへのツイートに連動
facebookのほうが文字数が多いので、若干、使いにくいかもしれませんが、やりたい人はこちらを参考にどぞ。 《参考記事》NPO…
-
-
本に出会う本屋
ボッサブックスhttp://www.bossabooks.jp/ メタファーを使ったインターフェイスは良くあるし、この手のものは…
-
-
本日限りです
先日お知らせしました、格安のホームページ作成代行サービスですが、本日23:59 59秒限りで先行販売終了となります。 先行販売価…
-
-
テキストリンクに記号を表示させる
PDFをダウンロードしてもらうときなどに、ファイル形式をアイコンで表示してあげると親切です。 テキストリンクにアイコンを表示する…
-
-
ホームページ作成用語集:JavaScript(ジャバスクリプト)
ホームページに様々な機能や動きを加えるために使われるプログラム言語。HTMLファイルの中に直接記述したり、別途作成した.jsファ…
-
-
ホームページ作成用語集:Flash
Adobe Flash、略してFlash。 アドビシステムズ (Adobe Systems) が開発した、動画などのリッチコンテ…
-
-
本当の自己紹介
◆とあるセミナーにプチ講師として話しをする機会があり 自己紹介を見直しています。 そもそも自己紹介とは何なのか? ということ…
-
-
JavaScriptでマルチバイト文字列を決まった長さで省略する方法
ブログの「続きを読む」みたいなことを、JavaScriptで実現する方法です。 デザインの都合でエリアに入力できる文字数が決まっ…