单击后，更改提交按钮的边框颜色，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

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

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