Как удалить пунктирную границу вокруг ссылки в IE7

Ответ 1

Это некрасиво, но так же большинство исправлений IE.

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

Ответ 2

Вы можете запрограммировать его так:

: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*/
}

Ответ 3

Попробуйте этот

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

Ответ 4

Для начала я вижу, что один из тэгов IE7-bug, в то время как это больше похоже на функцию. Целью этого пунктирного outline является то, чтобы пользователи могли перемещаться между различными элементами управления с помощью их колесика мыши или клавиши tab.

В любом случае, чтобы определить стиль элемента, когда он "сфокусирован", используйте селектор CSS :focus. Свойство, которое стилирует этот контур, тривиально, outline; outline: 0 предотвратит появление контура фокусировки.

Примечание.. Вы можете применить это правило только к своей кнопке, а не ко всем элементам, поскольку некоторые пользователи могут использовать что-то, чтобы указать фокус, что упрощает навигацию с использованием упомянутые выше методы.

Надеюсь, что это помогло.

Ответ 5

CSS outline не поддерживается в IE7. Для этого "браузера" требуется следующее выражение CSS:   

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

Он также работает в более новых версиях.

Ответ 6

Это сделало бы трюк

a {
   outline:0;
}

Ответ 7

Это также будет работать

    a 
    {
        outline-style:none;
    }

Ответ 8

а: ссылка {   контурный стиль: нет; } `

Ответ 9

Попробуйте установить свойство :

a {
   outline: 0;
}

Ответ 10

Попробуйте

a {
     outline: none;
}

Всегда пытайтесь использовать css reset. Это поможет вам решить эту проблему. Я использую > .

Ответ 11

Применить это правило к вводу

input { outline : none ; }

Ответ 12

Это все вокруг кода, чтобы удалить внешнюю линию и вставить свой CSS под нужное имя класса. (className в IE.) Пример для тегов

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

}

Пример для всех тегов на странице html!

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

}

Пример для тега с классом myClassName на странице html!

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

}

Пример для тега с id myidName на странице html!

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

}

Надеюсь, это помогло работать в крупных браузерах, и если бы они не были настолько старыми, поэтому вероятность того, сколько людей все еще использует эти старые браузеры!

Примечания: outline:none 0; также работает в новых браузерах, но не во всех. Но outline:0; универсален, и в этих браузерах они не понимают "нет", и вы получаете значение theres по умолчанию, но 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 can't!

Ответ 13

Вы можете сделать это с помощью этого кода:

   a:focus{
      border: none;
    }