html - 如何在悬停时更改按钮？

Question

我需要帮助来创建鼠标悬停时的图像更改。我将此图像用作按钮。这是我的代码:

.button_home {
    width: 110px;
    height: 50px;
    background-image: url(background1.png);
}
.button_home :hover {
    background-image: url(background_ov1.png);
}

我的 html 是:

<form action="webpage.HTML">
<input type="image" class="button_home">
</form>

有什么帮助吗？

Answer 1

去掉:hover前的空格

.button_home:hover {