Html 单击按钮边框颜色更改

应该很简单，但我迷路了，所有搜索结果都是与我的问题没有直接关系的非特定答案

按钮，边框是黑色的，但是很明显，压抑的感觉是通过将边框颜色更改为黑色来实现的，所以当我点击按钮时，它会感觉死了。什么都没发生，所以很难说你错过了什么

如何更改onclick边框颜色？那样的话，它可以再次得到沮丧的表情

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

---

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

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

---

希望有帮助

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

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

---

希望有帮助

嗯，我觉得差不多了。这正是我想要的。但是，它将重置为按钮的默认外观，并且仅在单击时显示其样式。我假设对上面的代码进行一点修改就可以实现这一点，但我对css还是相当陌生的。你还需要添加以前的代码，我的意思是你需要为.addButton创建一个css规则，另一个用于.addButton:active/：focus，如我所指，如果您愿意的话。addButton:hover最后一个语句将在鼠标悬停在按钮上时修改边框。干杯，嗯，我觉得差不多了。这正是我想要的。但是，它将重置为按钮的默认外观，并且仅在单击时显示其样式。我假设对上面的代码进行一点修改就可以实现这一点，但我对css还是相当陌生的。你还需要添加以前的代码，我的意思是你需要为.addButton创建一个css规则，另一个用于.addButton:active/：focus，如我所指，如果您愿意的话。addButton:hover最后一个语句将在鼠标悬停在按钮上时修改边框。干杯