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

Question

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

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

标签： reactjsjss

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;
}