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

时间:2019-03-09 00:18:56

标签: reactjs jss

是否可以在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)"
    }
  }

1 个答案:

答案 0 :(得分:0)

您可以尝试

在您的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;
}