经过在网上肆意搜罗,终于找到可以在css实现鼠标经过img标签替换src路径的写法,因为项目使用的是vue框架,所以不想再引入jquery和原生js的写法,不方便
前置条件:chrome浏览器
<img src="../../assets/icon/edit.png" class="editImgSty">
.editImgSty:hover {
content: url(../icon/addForm.png);
}
经过在网上肆意搜罗,终于找到可以在css实现鼠标经过img标签替换src路径的写法,因为项目使用的是vue框架,所以不想再引入jquery和原生js的写法,不方便
前置条件:chrome浏览器
<img src="../../assets/icon/edit.png" class="editImgSty">
.editImgSty:hover {
content: url(../icon/addForm.png);
}