如何在每次鼠标按下时为按钮添加样式？

Question

我有一个按钮，每次单击按钮时都想缩放（1.5）， 现在我在 css 中使用 button:active 来缩放（1.5）我的按钮，但是这个命令只有一次运行，另一次我应该在按钮外部单击，然后单击按钮来缩放（1.5），我能做什么?请帮帮我

button:active {
  transform: scale(1.5);
  background-color: red;
}

<button type="button"> button</button>

Answer 1

button {
  background: none;
}

button:active{
     transform: scale(1.5);
     background-color: red;
}

button:focus{
     transform: scale(1.5);
     background-color: red;
}