html - onclick 按钮边框颜色变化

Question

应该相当简单，但我迷路了，所有搜索都会导致与我的问题没有直接关系的非特定答案。

按钮，边框是黑色的，但显然，“沮丧”的感觉是通过将边框颜色更改为黑色来实现的，所以当我点击按钮时，感觉“死了”。什么都没有发生，所以很难判断你是否点击了错误或什么。

如何更改“onclick”边框颜色？这样，它可以再次获得“沮丧”的外观。

.addButton {
border-color:black;
border-width:1px;
background-color:#00B0F0;
text-decoration:underline;
}

Answer 1

最好的解决方案是使用css，试试下面的代码：

 .addButton:active, 
 .addButton:focus 
 {
     border:0.5em solid #00c; /* here configure as your needs */
     color:#00c;
  }

希望有帮助！