有什么方法可以在活动表格中删除提交按钮周围的IE黑色边框？

我正在实现一个使用自定义样式提交按钮的设计.它们是非常简单的浅灰色按钮,外边缘稍暗:

input.button {
    background: #eee;
    border: 1px solid #ccc;
}

这在Firefox,Safari和Opera中看起来恰到好处.问题出在Internet Explorer 6和7上.

由于表单是页面上的第一个表单,因此它被视为主要表单 - 因此从get go开始活动.活动表单中的第一个提交按钮在IE中接收纯黑色边框,以将其标记为主要操作.

如果我关闭边框,那么IE中的黑色额外边框也会消失.我正在寻找一种方法来保持我的正常边界,但删除轮廓.

这可以在这里工作:

如果您不想在输入/按钮上添加包装器,请尝试执行此操作.由于这是无效的CSS,所以只为IE播放它.有其他浏览器的边框,但使用过滤器:色度为IE ...

为我工作.

我知道我差不多2年了,但我发现了另一种解决方案(至少对于IE7而言).

如果您input type="submit"在表单中的任何其他提交按钮之前添加另一个表单,则问题将消失.现在你只需要隐藏这个新的黑色边框吸收按钮.

这对我有用(溢出需要"自动"):

注意:我使用的是HTML5 doctype().