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