这个问题可能是由于在更改背景颜色时,使用了不合适的透明度或背景属性。以下是一个解决方案:
HTML 代码:
CSS 代码:
#myButton { background-color: #0066ff; /初始颜色/ }
#myButton:disabled { background-color: rgba(0, 102, 255, 0.5); /变更颜色,同时降低透明度/ }
JavaScript 代码:
var myButton = document.getElementById("myButton"); myButton.addEventListener("click", function() { myButton.disabled = true; /禁用按钮/ setTimeout(function() { myButton.disabled = false; /重新启用按钮/ }, 2000); });
使用上述代码,当单击按钮时,会将其禁用 2 秒。在此期间,更改背景颜色可确保按钮处于禁用状态,并使其不可点击。