Как убрать рамку вокруг button в Сhrome?

Question

[Сева]

Собственно, вот такая рамочка появляется вокруг кнопки при нажатии на нее в хроме.
Как бороться?



Спасибо.

Comments

[Вячеслав]

Привет! Решил эту проблему?

Answer 1

[Михаил Горячкин]

button, 
button:active, 
button:focus {
    outline: none;
}

Comments

[Josy1]

Помогло! Спасибо, добрый человек

Answer 2

[format_iai]

button:focus {
outline: none !important
}
если не сработает, то
*{
outline: none !important
}

Answer 3

[Александр Максимов]

button,
button:active,
button:focus {
outline: none !important;
}

Answer 4

[Виктория Ясинюк]

Перерыла весь интернет. Никакое из предложенных решений не помогает. Но как только указываю

button {
   position: absolute;
}

рамка волшебным образом исчезает и все встает на свои места.

Вариант для тех, кому не подошло ни одно из предложенных решений

Comments

[Сева]

Это плохое решение, зачем вырывать кнопку из потока? Это вам вылезет боком.

[Виктория Ясинюк]

Сева: вырывать ее незачем. Но что делать, если рамку не убрать никаким другим способом? Я могу позиционировать кнопку и с position absolute.

[Анатолий Иванов]

Виктория Ясинюк, т.е. outline: none; у Вас не сработало?

[Виктория Ясинюк]

Анатолий Иванов, Насколько я помню, не сработало. Деталей уже не помню. Проект сдан =)

[Darkness]

Виктория Ясинюк, Анатолий Иванов, Сева, охрененный проект был похоже)

[survivor2005]

хахахахаахах даааа жесть проект!!! position absolute это мощно!))))))))))
секрет в том что там 2 события надо закрывать.
button:active{
outline:none;
}
button:focus{
outline:none;
}

[Александр Максимов]

button, 
button:active, 
button:focus {
    outline: none !important;
}

[Voha888]

Мне хватило outline:none;внутри описания стиля)