Изменить тип ввода изображения при наведении CSS в JS

Question

Можно ли определить основные и всплывающие изображения для элемента <input type="image"> в CSS в JS?Я пытаюсь реализовать другое изображение при наведении, но не могу получить правильный синтаксис.

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