css: passe o mouse sobre a tag img para substituir o caminho src

Depois de pesquisar arbitrariamente na Internet, finalmente encontrei uma maneira de substituir o caminho src com o mouse por meio da tag img em css. Como o projeto usa a estrutura vue, não quero apresentar jquery e js nativo, o que é inconveniente .
Pré-condição: navegador Chrome

<img src="../../assets/icon/edit.png" class="editImgSty">

.editImgSty:hover {
    
    
	content: url(../icon/addForm.png);
}

Acho que você gosta

Origin blog.csdn.net/weixin_43908123/article/details/108048571
Recomendado
Clasificación