如何设置button点击后改变样式特效

要设置button点击后改变样式特效，可以通过JavaScript来实现。以下是一个示例代码：

HTML:

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

CSS:

.button-clicked {
  background-color: red;
  color: white;
  border: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

JavaScript:

var button = document.getElementById("myButton");
button.addEventListener("click", function() {
  button.classList.add("button-clicked");
});

在上述代码中，首先通过document.getElementById获取到button元素，并将其存储在button变量中。然后使用addEventListener方法为按钮添加一个点击事件监听器。当按钮被点击时，将调用一个匿名函数，该函数会为按钮添加一个名为button-clicked的CSS类。通过为按钮添加这个类，可以改变其背景颜色、文字颜色、边框样式和阴影效果，从而实现样式特效的改变