<button id="myButton">点击按钮</button>

#myButton {
  background-color: #4CAF50; /* 设置背景颜色为绿色 */
  color: white; /* 设置文本颜色为白色 */
  border: 2px solid #008CBA; /* 设置边框样式 */
  padding: 10px 20px; /* 设置内边距 */
  font-size: 16px; /* 设置文字大小 */
  cursor: pointer; /* 设置鼠标样式为手型 */
}

var button = document.getElementById("myButton");
button.addEventListener("click", function() {
  button.style.backgroundColor = "red"; /* 点击按钮后将背景颜色更改为红色 */
  button.style.color = "black"; /* 点击按钮后将文本颜色更改为黑色 */
});

#myButton:active {
  background-color: yellow; /* 当按钮处于活动状态时将背景颜色更改为黄色 */
  color: purple; /* 当按钮处于活动状态时将文本颜色更改为紫色 */
}