javascript - 单击按钮时更改按钮的图像背景

Question

我放了一个输入按钮，并用图像设置了它的背景，现在我想在单击按钮时更改该图像。

这是我的相关代码:

<div id='back'>
    <input type="button"/>
</div>

CSS代码:

#back input{
    width: 130px;
    height: 130px;
    background: url(img/back_default.png);
    border: hidden;
}

它可以在 CSS 中完成(如链接- <a> 标签)，还是我应该依赖 JavaScript？谢谢。

Answer 1

不需要 Javascript:

#back input {
    width: 130px;
    height: 130px;
    background: url(img/back_default.png);
    border: hidden;
}

#back input:active {
    background-image: url(img/back_default-active.png);
}