Button 文本区域/输入焦点上IE7按钮的黑色边框

我遇到了一个奇怪的IE7问题

我有一些标准的CSS样式的按钮，带有背景图片和1px的蓝色边框。除IE7外，它们按预期工作

如果我在表单元素（textarea/输入字段）内单击，它会自动在按钮上添加黑色边框。。有时，在元素处于焦点/活动状态的其他情况下也会发生

你可以在这里看到一个简单的例子

---

问题是，出于样式的原因，我需要按钮上的边框，因此，在IE7中是否有一种方法可以禁用此行为而不删除原始边框（使用CSS或jQuery？

IE正在突出显示表单的“默认”按钮，如果在其中一个表单输入中按enter键，该按钮将被触发。要禁用高亮显示，您有两个选项：

将保存按钮

type=“button”

改为

type=“submit”

，并通过在javascript中处理按钮的单击事件来处理表单提交。这就是答案（尽管ASP.NET在幕后处理javascript部分）

添加第二个按钮作为表单中的第一个输入，然后用CSS隐藏它。注意

显示：无

不会剪切它，您需要将它隐藏在屏幕外，例如：

位置：绝对；排名：0；左：-9999px。这就是问题的答案

---

我在这里写了关于这个问题的博客：

基本上，您可以使用以下样式简单有效地删除有问题的边界

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

jquery:

$（'input[type=“submit”]”）。focus（）.blur（）
javascript:

document.getElementById('save').focus();
document.getElementById('save').blur();

我在一个有很多按钮的大网站上工作。。难道没有一种更简单的方法只为IE7重做所有这些吗？我在想jQuery脚本/插件或一些CSS“黑客”，现在我只在IE7中删除了边框。。只是希望有一个更好的解决方案：/虽然它确实删除了黑色边框，但不幸的是，它使得无法在按钮上使用过滤器（例如渐变）。在这种情况下，您可以轻松添加带有渐变的背景图像。是的，这是一个解决办法，但当涉及到IE时，什么不是呢？这是我今天发现的：这确实修复了IE7中的黑边框，但不是“IE7”模式下的IE10（可能还有IE9）。由于该模式是用于测试的，所以它不是一个真正的问题，而是需要注意的问题。我花了很多时间试图找出它为什么不起作用，最后才尝试实际安装IE7。这个测试模式是IE7的一个近似值，但显然不是完全相同的东西。起初我以为它会工作，但在
IE7
中它不会。