Html 如何删除将鼠标悬停在图像上时显示的缩放图标?

Html 如何删除将鼠标悬停在图像上时显示的缩放图标?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我在一个使用的网站上工作。当鼠标悬停在任何图像上时,会出现缩放图标-如何删除它 我尝试过删除class=“zoomIcon”并查看了该网站以及在谷歌上搜索 HTML: 您可以将此添加到CSS中: <style> img:hover { cursor: default; } </style> img:悬停{ 游标:默认值; } 我希望这对你有帮助 这不是来自某个类 img:hover{ cursor:pointer; } 资料来源: 无关:您不应该将“alt”标记留

我在一个使用的网站上工作。当鼠标悬停在任何图像上时,会出现缩放图标-如何删除它

我尝试过删除
class=“zoomIcon”
并查看了该网站以及在谷歌上搜索

HTML:


您可以将此添加到CSS中:

<style>
img:hover {
cursor: default;
}
</style>

img:悬停{
游标:默认值;
}

我希望这对你有帮助

这不是来自某个类

img:hover{
cursor:pointer;
}
资料来源:


无关:您不应该将“alt”标记留空,它们对可访问性和SEO很重要。

您可以使用CSS游标属性

然后您可以在悬停时将其指定为默认值

img:hover {
cursor: default;
}

类产品主图像具有缩放图标:

.product-main-image{ 
   cursor: zoom-in; cursor: -webkit-zoom-in; cursor: -moz-zoom-in 
}


只需将该类从范围中删除或将该类上的光标更改为其他对象

您可以通过修改使其发生的CSS(看起来像一个名为style.CSS的CSS文件)或编写自己的规则使其停止来覆盖该光标行为

该规则位于style.css文件第432行的
.product main image
,要覆盖它,需要如下规则:


.product main image{cursor:default;}
或者您希望有人评论需要查看css-我不知道需要显示哪个css?.product main image{cursor:zoom-in;cursor:-webkit zoom-in;cursor:-moz zoom-in}它附在这张支票上:不要链接到w3schools。我只是投票取消这张支票。如果我想,我甚至不能投票,我没有足够的声誉:)谢谢。虽然缩放图标在消失前会出现一瞬间,但这确实有效-知道我该如何停止吗?仅供参考,我将此代码放在网站css中…尝试将其更改为
img:hover、.product main image container