角度材质按钮-如何启用悬停时的波纹与复选框相同

#myButton {
  background-color: #f0f0f0;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}

#myButton:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

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

button.addEventListener("mouseover", function() {
  button.style.boxShadow = "0 0 10px rgba(0, 0, 0, 0.2)";
});

button.addEventListener("mouseout", function() {
  button.style.boxShadow = "";
});