如何在点击时改变按钮的颜色？

要在点击时改变按钮的颜色，可以通过以下步骤实现：

1. HTML部分：创建一个按钮元素，并给其一个唯一的ID，以便在后续的JavaScript代码中进行操作。例如：

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

1. CSS部分：定义按钮的初始样式和点击后的样式。例如，给按钮设置一个默认的背景颜色和点击后的背景颜色：

<style>
  #myButton {
    background-color: blue; /* 初始颜色 */
  }
  #myButton:active {
    background-color: red; /* 点击后的颜色 */
  }
</style>

1. JavaScript部分：为按钮添加一个点击事件监听器，并在点击时修改按钮的样式。例如，使用JavaScript获取按钮元素，并为其添加点击事件监听器，在点击事件中修改按钮的样式：

<script>
  var button = document.getElementById("myButton");
  button.addEventListener("click", function() {
    button.style.backgroundColor = "red"; /* 修改按钮的颜色 */
  });
</script>

这样，在点击按钮时，按钮的背景颜色将会从初始颜色（蓝色）变为点击后的颜色（红色）。

对应的腾讯云产品：无

参考链接：

• CSS选择器文档：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors
• JavaScript事件文档：https://developer.mozilla.org/en-US/docs/Web/Events