Черный ящик вокруг кнопки ввода в OPERA?

Question

1. Элемент списка

Почему черный флажок появляется вокруг кнопки ввода в опере. Вот ссылка на jsfiddle. http://jsfiddle.net/PKRRj/

попробуйте нажать на кнопку

ПОПРОБУЙТЕ в ОПЕРЕ. Нет проблем с другими браузерами.

Дополнительная информация о браузере.

Об Опере
Информация о версии Версия 11,50

Строить 1074

Платформа Win32

Система Windows 7

• Что я сделал

Один раз нажал на кнопку

Answer 1

Я думаю, что совет мистера Дэвида Мердока лучший для Opera ( здесь ).

Я попробовал его подход в Opera, и мне удалось в основном удвоить входные теги следующим образом:

<input type="submit" value="Go" style="display:none;" id="WorkaroundForOperaInputFocusBorderBug" />
<input type="submit" value="Go" />

Таким образом, 1-й элемент скрыт, но он ПРОТИВ фокусировки дисплея, который Opera будет отдавать 2-му элементу ввода. ЛЮБЛЮ ЕГО!

Answer 2

У меня отлично работает в Opera 11.50b1074 на Windows 7.

Answer 3

Кажется, это ошибка в Opera.Я не мог найти способ полностью удалить его, но вот что-то вроде обхода.

Удалите любую рамку из элемента ввода в фокусе:

.buttonStyle1 {
    ...
}
.buttonStyle1:focus {
    border:none;
}

Я знаю, что это не тот путьспособ исправить это, особенно если вам нужна граница.Надеюсь, Opera исправит это.

Answer 4

Используйте элемент button вместо input:
http://jsfiddle.net/PKRRj/65/

, и вы не увидите черную границу в Opera.

Answer 5

Я пробовал это в текущих Opera и Firefox под Linux, вообще никакого черного ящика. Может быть, вам следует предоставить больше информации, например, о версии Opera и операционной системе?