<div>
  <button>키보드로 접근하면 컬러가 바뀌지만, 클릭하면 바뀌지 않아요.</button>
</div>
div {
  padding: 20px;
  text-align: center;
}
button {
  border: 1px solid #000;
  border-radius: 4px;
  padding: 5px 10px;
  background-color: #fff;
  transition: all 0.2s;
  cursor: pointer;
}
button:focus-visible {
  outline: none;
  color: red;
  border: 1px solid red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.