CSS提交输入黑色边框

Question

每次点击提交按钮时，都会有一个黑色的1px边框。

如何摆脱它？

示例：

http://jsfiddle.net/SEFp4/

Answer 1

有一个黑色边框，因为这个组件得到了焦点。

设置元素焦点的属性，如下所示：input：focus {outline：none}

Answer 2

在违规按钮之前或表单开头直接添加

    <input type="submit" value="" style="height:0;overflow:auto;position:absolute;left:-9999px;" />

或加入

    .button{
    filter:chroma[color=#000000]
    }

它会查找类中的所有黑色并使其透明，因为如果你应用了styles =

，这会使你的按钮看起来很垃圾

Answer 3

我在这里写了一篇关于这个问题的博客：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;
    }