Настройки кнопок CSS

Question

Я создал пользовательский <button>, который полностью стилизован с использованием CSS и CSS3. Все работает очень хорошо, за исключением нескольких визуальных неприятностей, которые различаются в разных браузерах.

Я замечаю, что в Internet Explorer и Firefox после нажатия моей кнопки пунктирная рамка видна вокруг текста кнопки, например:

Это не относится к Chrome или Opera.

Также, во время нажатия кнопки в Internet Explorer и Opera, текст кнопки перемещается, чтобы указать, что пользователь нажал кнопку:

Это не проблема в Chrome или Firefox.

Есть ли способ в CSS удалить пунктирную границу и сдвинуть текст в вышеупомянутых браузерах?

Answer 1

Я рекомендую вам эту статью:

http://24ways.org/2009/dont-lose-your-focus

Answer 2

Можете ли вы показать текущий CSS на кнопках?Я думаю, что-то вроде этого решило бы проблему для вас в Internet Explorer, не уверенный в FireFox ...

a.button:active, a.button:selected, a.button:visited { 
    border: none;
    outline: none;
}