在IE7按钮上的黑色边框在textarea /输入焦点

Question

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

我有一些标准的CSS样式按钮,背景图片和坚实的1px蓝色边框.他们按照假设工作,除了IE7 ..

如果我在表单元素(textarea/input-field)中单击它会自动在我的按钮上添加黑色边框.有时它也会在元素处于焦点/活动状态的其他情况下发生.

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

问题是我需要按钮上的边框出于样式原因,所以有没有办法在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;
    }