Html 如果我使用css将图像更改为黑白，我将如何在hover上取消设置该属性？

我正在使用这个CSS制作黑白图像

 img {
     -webkit-filter: grayscale(100%); filter: grayscale(100%);
 }

在这张图片悬停时，我想删除样式，以便将其更改回颜色。我的尝试：

img:hover {
     -webkit-filter: grayscale(0%); filter: grayscale(0%); 
}

无

：

img:hover {
    -webkit-filter: none;
    filter: none;
}