CSS删除默认的蓝色边框

Question

我有一个带有多个按钮的表单，当有人按下回车键时，我会使用JavaScript提交第二个按钮。

这很好但是如果我在IE中打开这个表单，第一个按钮会出现一个蓝色边框，告诉用户“这是按下回车时按下的按钮”。

有没有办法在没有覆盖按钮样式的其余部分的情况下使用CSS删除它？

示例：

<button  onclick="javascript:alert('remove');">Remove name</button>

Answer 1

认为这应该可行（仅在PC上测试IE10）的边框：

button { outline: 0; }

想要删除背景（WebKit / Blink需要）？

添加：

background: none;

需要摆脱边框（删除IE10上的背景）：

border: 0;

Answer 2

使用此代码：

button { border:0;}

Answer 3

我的解决方案（几个月后）

button:focus {
outline: 0;
box-shadow: none;
}

Answer 4

这可能会对你有所帮助。使用以下CSS属性：

input, 
input:active, 
input:focus {     
    outline: 0;     
    outline-style: none;     
    outline-width: 0; 
}

Answer 5

使用此代码：

button {
    border : 0px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
     border-radius:7px;
}

Answer 6

#sideToggle:focus, #sideToggle:active{
  outline: 0;     
  outline-style:none;     
  outline-width:0;
}

这解决了我的问题，如果有人访问该帖子。我分别添加了自己的样式，因为它们并不是问题的核心。

Answer 7

button{border:none; border-radius:4px; -moz-border-radius:4px;}

Answer 8

只需添加border-radius即可开发按钮外观：

-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;