html - ссылки - убрать синюю рамку вокруг select




как убрать пунктирную границу вокруг ссылки в IE7 (9)

При нажатии на кнопку есть рамка и ссылка.

Может ли кто-нибудь помочь мне решение удалить его.


a: link {outline-style: none; } `


Вы можете настроить его так:

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

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

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

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

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


Попробуй это

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

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

input { outline : none ; }

Пытаться

a {
     outline: none;
}

Всегда старайтесь использовать css reset. Это поможет вам решить проблему следующим образом. Я использую eric mayer css reset tool .


Это весь код для удаления внешней линии и вставки вашего 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;

}

Пример тега с идентификатором myidName на вашей html-странице!

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

}

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

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


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

    a 
    {
        outline-style:none;
    }

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

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

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





internet-explorer-7