Граница CSS появляется при нажатии

ВЫХОД

У меня есть эта простая кнопка выхода из системы справа (синего цвета), и всякий раз, когда я нажимаю кнопку выхода, появляется эта граница.

Я пробовал следующие стили CSS:

a:active
{
    border-style: none;
    border: 0px;
}

и они были опробованы на всех <a> tag возможностях, таких как hover, active ..

Есть идеи, в чем может быть причина?

это ссылка Jsfiddle

http://jsfiddle.net/v1x29f9h/


html css border
person DodoSombrero    schedule 23.09.2014    source источник
comment
По причинам доступности я бы не стал удалять это. Люди без мышей не будут знать, на каких ссылках / кнопках они находятся, если не будет какой-то схемы.   -  person Leeish    schedule 24.09.2014
comment
Это в основном для веб-сайта моей диссертации, на самом деле он не будет опубликован. И если вы нажмете «TAB», вокруг слов «выйти из системы» все равно появится рамка.   -  person DodoSombrero    schedule 24.09.2014

Ответы (2)


arrow_upward
25
arrow_downward

Это не граница, это контур.

#logoutButton {
    outline: none;
}

Демо http://jsfiddle.net/v1x29f9h/1/

person Arbel    schedule 23.09.2014
comment
Сработало как шарм, спасибо. Думаю, бордюрный стиль здесь был не лучшим выбором - person DodoSombrero; 24.09.2014
comment
@DodoSerebro Добро пожаловать! Рада быть вам полезной. - person Arbel; 24.09.2014
comment
Привет, большое спасибо. Ваш ответ был большим подспорьем - person Megha; 06.11.2016

arrow_upward
2
arrow_downward

Это outline: none;. Граница будет следовать по пути border-radius.

person Cohars    schedule 23.09.2014