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

Question

我放了一个输入按钮,并用图像设置背景,现在我想在点击按钮时更改该图像.

这是我的相关代码:

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

CSS代码:

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

它可以在CSS中完成(与links- <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);
}