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

在每次鼠标按下时为按钮添加样式，可以通过以下步骤实现：

首先，需要在HTML中定义一个按钮元素，可以使用<button>标签或者其他适合的标签。
在CSS中定义按钮的样式，包括默认样式和按下时的样式。可以使用类选择器或者ID选择器来选择按钮元素，并设置相应的样式属性。
使用JavaScript来监听鼠标按下事件，并在事件触发时为按钮添加样式。可以使用addEventListener方法来绑定鼠标按下事件，然后在事件处理函数中修改按钮的样式。

下面是一个示例代码：

HTML:

<button id="myButton">点击我</button>

CSS:

#myButton {
  /* 默认样式 */
  background-color: #ccc;
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

#myButton.active {
  /* 按下时的样式 */
  background-color: #f00;
}

JavaScript:

var button = document.getElementById("myButton");

button.addEventListener("mousedown", function() {
  button.classList.add("active");
});

button.addEventListener("mouseup", function() {
  button.classList.remove("active");
});

在上面的示例中，当鼠标按下按钮时，会为按钮添加名为"active"的类，从而改变按钮的背景颜色。当鼠标松开时，会移除该类，按钮恢复默认样式。

推荐的腾讯云相关产品：无

希望以上回答能够满足您的需求。