OPERA中输入按钮周围的黑框？

Question

1. 列表项

为什么歌剧中的输入按钮周围会出现黑框。 这是jsfiddle链接。 http://jsfiddle.net/PKRRj/

尝试点击按钮

在OPERA中尝试。其他浏览器没问题。

有关浏览器的其他信息。

关于Opera
版本信息 版 11.50

生成 1074

平台 的Win32

系统 Windows 7

• 我做了什么

点击按钮一次

Answer 1

在Windows 7上的Opera 11.50b1074中可以正常使用。

Answer 2

这似乎是Opera中的一个错误。我找不到完全删除它的方法，但这是一种解决方法。

从焦点上的输入元素中删除任何边框：

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

我知道这不是解决这个问题的方法，特别是如果你需要一个边框。希望Opera能解决这个问题。

Answer 3

我认为David Murdoch先生的建议对Opera来说是最好的（here）。

我在Opera中尝试过他的方法，我成功地以这种方式将输入标签加倍：

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

这样第一个元素就被隐藏了，但是它捕获了Opera给第二个输入元素的显示焦点。爱它！

Answer 4

我在Linux下的当前Opera和Firefox中尝试了这一点，根本没有黑盒子。也许你应该提供更多的信息，如Opera版本和操作系统？

Answer 5

使用button元素代替input：
http://jsfiddle.net/PKRRj/65/

你不会在Opera中看到黑色边框。