在JS中的悬停CSS上更改输入类型图像

Question

是否可以在JS的CSS中为<input type="image">元素定义主图像和悬停图像？我正在尝试在悬停时实现其他图像，但是语法不正确。

    margin: 40,
    background: "url(/btn_google_signin_light_normal_web.png)",
    "&:hover": {
      background: "url(/btn_google_signin_light_focus_web.png)"
    }
  }

Answer 1

您可以尝试

在您的CSS中

.yourClass {   
    width: 200px;
    height: 200px;
    background: url("images/iamge1.jpg") no-repeat;
    display: inline-block;
}
.yourClass:hover {
    background: url("images/image2.jpg") no-repeat;
}