CSS отправить ввод черной рамкой

Question

каждый раз, когда я нажимаю кнопку отправки, вокруг нее появляется черная граница 1px.

Как от этого избавиться?

Пример:

http://jsfiddle.net/SEFp4/

Answer 1

добавьте это непосредственно перед кнопкой обидчика или в начале вашей формы

    <input type="submit" value="" style="height:0;overflow:auto;position:absolute;left:-9999px;" />

или добавить

    .button{
    filter:chroma[color=#000000]
    }

, который ищет все черное в классе и делает его прозрачным, но это не очень хорошо, потому что ваши кнопки выглядят мусором, если вы применили стили =

Answer 2

Я писал об этой проблеме здесь: http://markmintoff.com/2012/01/remove-internet-explorer-black-border-around-button/

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

    input[type=submit],
    input[type=reset],
    input[type=button]
    {
        filter:chroma(color=#000000);
        color:#010101;
    }

Answer 3

есть черная граница, поскольку этот компонент получает фокус.

установка атрибутов фокуса элемента следующим образом: input: focus {outline: none}