以下是一个示例代码,演示了如何在按钮禁用后改变按钮图片的颜色:
HTML代码:
CSS代码:
button[disabled] img {
filter: grayscale(100%);
}
JavaScript代码:
const myButton = document.getElementById('myButton');
const myImage = document.getElementById('myImage');
myButton.addEventListener('click', function() {
myButton.disabled = true;
myImage.src = "disabled.png";
});
在上面的示例中,我们首先将按钮设置为禁用状态,并在按钮点击事件中将按钮禁用,并将图片的src属性更改为禁用后的图片路径。此外,通过CSS选择器button[disabled] img
,我们可以为禁用状态下的按钮图片添加样式,例如将其转为灰度图像。
上一篇:按钮图片不显示,Tkinter。
下一篇:按钮图像不会立即刷新