将鼠标悬停在html代码中的图像上

Question

<img src="url" alt="a picture" style="width:42px;height:48px;background-color:#454141;">

当我将鼠标悬停在图像上时，我希望能够更改图像的背景颜色。 我怎么能在html代码中内置这个。 我尝试了hover:background-color:green;，但这不起作用。

这是shopify电子邮件通知系统，因此我无法创建新的样式表（轻松）

请注意，图像设计清晰，可以选择任何颜色。

Answer 1

内联样式属性只能包含属性声明，这意味着您不能以这种方式使用:hover。

您需要创建一个单独的CSS文件并将其写为 -

img:hover {
    /*Your code*/
}