html - IE7 でリンクの周りの点線を削除する方法

Question

クリックすると、ボタンとリンクの周りに境界線が表示されます。

ここに画像の説明を入力

誰かがそれを削除する解決策を手伝ってくれませんか。

score 49 · Accepted Answer

そのように事前設定できます：

:focus{
    outline:0; /*removes the dotted border*/
}

ただし、(アクセシビリティ上の理由から) CSS ファイルの「後で」スタイルをより見やすいものに設定することを忘れないでください。例えば：

a:focus, a:active{
    color:#ff5500; /*different color than regular*/
}
input[type=submit]:focus, input[type=submit]:active{
    background-color:#444; /*different color than regular*/
}

score 14 · Accepted Answer

14

これを試してみてください

a:hover, a:active, a:focus {
  outline: 0;
 }

于 2014-07-11T11:41:32.993 に答える

score 6 · Accepted Answer

醜いですが、ほとんどの IE 修正もそうです。

a:focus, *:focus {
    noFocusLine: expression(this.onFocus=this.blur());
}

score 6 · Accepted Answer

まず、あなたのタグの 1 つがであることがわかりますがIE7-bug、これは実際には機能のようなものです。このドットを付ける目的は、ユーザーがマウスホイールまたはキーoutlineを使用してさまざまなコントロール間を移動できるようにすることです。tab

いずれにせよ、「フォーカスされた」ときに要素のスタイルを定義するには、CSS:focusセレクターを使用します。このアウトラインのスタイルを設定するプロパティは、自明ですが、outlineです。outline: 0フォーカスアウトラインが表示されないようにします。

注:一部のユーザーは、フォーカスを示すために何かを見ることに慣れている可能性があるため、すべての要素ではなく、ボタンのみにそのルールを適用することをお勧めします。これにより、上記の方法を使用してナビゲートしやすくなります。

何らかの形でお役に立てば幸いです。

score 5 · Accepted Answer

CSSoutlineは IE7 ではサポートされていません。その「ブラウザ」には、次の CSS 式が必要です。

a {
    _noFocusLine: expression(this.hideFocus=true); 
}

新しいバージョンでも動作します。

score 3 · Accepted Answer

3

これも機能します

    a
    {
        アウトラインスタイル:なし;
    }

于 2013-05-17T06:59:38.767 に答える

score 3 · Accepted Answer

3

これはトリックを行うでしょう

a {
   outline:0;
}

于 2012-08-17T14:18:44.380 に答える

score 2 · Accepted Answer

2

アウトラインプロパティを設定してみてください:

a {
   outline: 0;
}

于 2012-08-17T14:18:14.460 に答える

score 2 · Accepted Answer

試す

a {
     outline: none;
}

常に css reset を使用してみてください。これは、このような問題を解決するのに役立ちます。私はeric mayer css reset toolを使用します。

score 0 · Accepted Answer

これは、外線を削除し、目的のクラス名の下に CSS を配置するためのコードです。(IE では className。) タグの例

a{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

HTML ページのすべてのタグの例!

*{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

HTML ページ内の myClassName クラスのタグの例です!

.myClassName{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

HTML ページ内の ID myidName を持つタグの例!

#myidName{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

これが主要なブラウザーで機能するのに役立つことを願っています。

注:outline:none 0;新しいブラウザでも動作しますが、すべてではありません。しかしoutline:0;、普遍的であり、これらのブラウザーでは「なし」を理解せず、デフォルト値を取得しますが、このアウトラインを使用しているすべてのブラウザーで理解できません。そして、IE7にはこれが必要です_noFocusLine:expression(this.hideFocus=true);

残りは Javascript を使用してください。

window.document.getElementById("myidName").blur();
window.document.getElementById("myidName").hideFocus=true;
window.document.getElementById("myidName").style.outline=0;

また

Obj=window.document.getElementById("myidName");
Obj.blur();
Obj.hideFocus=true;
Obj.style.outline=0;

または要素が存在するかどうかを確認してください！

if (window.document.getElementById("myidName")){
    Obj=window.document.getElementById("myidName");
    Obj.blur();
    Obj.hideFocus=true;
    Obj.style.outline=0;
}

Javascript は IE6 と IE7 のトリックを行うことができますが、他の CSS はできません!

score -10 · Accepted Answer

-10

このコードでそれを行うことができます：

   a:focus{
      border: none;
    }

于 2012-08-17T14:17:39.110 に答える

html - IE7 でリンクの周りの点線を削除する方法

13 に答える 13

Related

Reference