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

Question

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

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

如果我在表单元素(文本区域/输入字段)内单击，它会自动在我的按钮上添加一个黑色边框.. 有时它也会发生在元素处于焦点/事件状态的其他情况下..

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

问题是出于样式原因我需要按钮上的边框，所以没有办法在 IE7 中禁用此行为而不删除原始边框 - 无论是使用 CSS 还是 jQuery？

Answer 1

我在这里写了关于这个问题的博客:http://markmintoff.com/2012/01/remove-internet-explorer-black-border-around-button/

本质上，您可以使用以下样式简单有效地删除违规边框。

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