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;
}