单击它后更改提交按钮的边框颜色，CSS，HTML

Question

我有一个绿色背景颜色的提交按钮。点击它时，它会将背景颜色更改为红色，但单击它后，背景颜色会变回绿色，并且按钮周围会有一个蓝色边框。我想知道是否有办法摆脱蓝色边框？谢谢。

input[type=submit] { 
background-color: green; 
} 
input[type=submit]:active { 
background-color: red; 
} 

<input type = 'submit' value = 'Click me'> 

Answer 1

设置outline到0并添加:focus的按钮，它已被点击并保持关注焦点，此前，这意味着。

input[type=submit]:focus { 
    background-color: green; 
    outline: 0; 
} 

Answer 2

想要用按钮做什么，点击后应该是绿色还是红色？删除边界（如果elem有一个）和轮廓....应该做的伎俩。
http://www.w3schools.com/css/css_link.asp

input[type=submit]:active{ 
     background-color: green; 
     outline: 0; 
     border: none; 
    }