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

【问题标题】：Black box around input button in OPERA?OPERA中输入按钮周围的黑框？
【发布时间】：2011-08-21 19:53:01
【问题描述】：

为什么在opera中输入按钮周围会出现一个黑框。这是jsfiddle链接。 http://jsfiddle.net/PKRRj/

尝试点击按钮

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

有关浏览器的其他信息。

关于 Opera
版本信息版本 11.50

构建第1074章

平台 Win32

系统视窗 7

在按钮上单击一次

【问题讨论】：

什么版本的 Opera？什么操作系统？
Opera，Windows 7，将自身标识为：“版本 11.50 Build 1074”，无黑边。角落里的东西是什么？一个插件？或其他一些插件在焦点对象上放置一个黑色环？
In Opera the border on input button disappears when the text field becomes active, how can i prevent that?的可能重复

【解决方案1】：

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

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

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

我知道这不是解决此问题的方法，尤其是在您需要边框时。希望 Opera 能解决这个问题。

【讨论】：

【解决方案2】：

在 Windows 7 上的 Opera 11.50b1074 中运行良好。

【讨论】：

【解决方案3】：

我认为 David Murdoch 先生的建议最适合 Opera (here)。

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

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

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

【讨论】：

【解决方案4】：

我在目前Linux下的Opera和Firefox中都试过了，完全没有黑盒。也许您应该提供更多信息，例如 Opera 版本和操作系统？

【讨论】：

【解决方案5】：

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

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

【讨论】：