画像置換(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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
★毎回好評の《初心者向けホームページ作成セミナー》を開催します
もしあなたが、 ○初めてホームページを作ろうとしている○ホームページの作り方をイチから知りたい なら、次のことを知っておく必要が…
-
-
ホームページ作成用語集：GIFファイル（ジフファイル）
画像形式のひとつ。256色まで色を制限することでファイルサイズを小さくすることができる。 この特性から、写真など色数が多い画像に…
-
-
内部SEO対策：<meta>タグにキーワードとページの要約を記述する
Yahoo!カテゴリに掲載されることが、アクセスアップにとって大きな意味を持っていた時代から、ロボットによる検索結果表示への以降…
-
-
★4/18 ホームページ更新 共同作業会
ホームページを公開して、実際に更新を始めてみると思うように修正できないことが多いですよね。 そんなときはメールやホームページから…
-
-
★プロのウェブデザイナーに直接質問できるチャンスです
最近、熱帯魚を飼い始めた白鳥です（笑） 水草と熱帯魚を入れた水槽を見るとアルファ波が出て集中力がアップするそうですよ。 さて、ホ…
-
-
30秒ですっきり! 理系のためのオフィス系ストレッチ
パソコンを１日中使っている仕事柄ものすごーく肩がこります。 スポーツクラブに通ってはいてもそう頻繁には行けないので、 そんな時は…
-
-
片手タイピング
ふと思い立って片手タイピングについて調べてみました。 Photoshopを使っているとマウスを離したくないのに文字を入力したい場…
-
-
重要な仕事は1日1つまでにする。
そういや調子の良いときはこれでした。参考になりますね。 自分をガッツリ集中させるための8つのセルフマネジメント術http://w…
-
-
ホームページ作成用語集：JavaScript（ジャバスクリプト）
ホームページに様々な機能や動きを加えるために使われるプログラム言語。HTMLファイルの中に直接記述したり、別途作成した.jsファ…
-
-
３大ブラウザのJavaScript実行速度について
昨日、各ブラウザの特徴を説明しましたが、 IE、Firefox、Chrome 3大ブラウザ対決 JavaScriptの実行速度に…
