onclick button border color change

Question

Should be fairly simple but I'm lost and all searches result in non-specific answers that don't directly relate to my issue.

Button, border is black but apparently, the "depressed" feel is achieved by changing the border color to black so when I do click the button, it feels "dead". Nothing happens, so it's hard to tell if you miss-clicked or what.

How do you change the "onclick" border color? That way, it can get that "depressed" look again.

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

Answer 1

The best solution is to use css, try the following code:

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

Hope that helps!