Question

我正在使用this bootstrap theme的网站上工作。当鼠标悬停在任何图像上时，会出现缩放图标 - 如何将其删除？

我尝试删除class="zoomIcon"并查看此网站以及在Google上搜索。

HTML：

<div class="product-main-image-container">
  <img src="../../images/products/prod1.png" alt="" class="product-loader" style="display: none;">
  <span class="thumbnail product-main-image" style="position: relative; overflow: hidden;">
    <img src="../../images/products/prod1.png" alt="">
    <img src="../../images/products/prod1.png" class="zoomImg" 
         style="position: absolute; top: -0.0456852791878173px; left: -1.23350253807107px; opacity: 0; width: 400px; height: 400px; border: none; max-width: none; max-height: none;">
  </span>
</div>

Answer 1

您可以将其添加到CSS：

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

我希望这能帮到你！

Answer 2

您可以通过修改使其发生的CSS（它看起来像一个名为style.css的CSS文件）或编写自己的规则来使其停止来覆盖此游标行为。

规则在style.css文件的第432行的.product-main-image上，要覆盖它，您需要这样的规则：

您希望

.product-main-image{cursor:default;}或any other cursor style

Answer 3

class product-main-image具有缩放图标：

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

http://screencast.com/t/NcdCxnrrW4

只需从span中删除此类，或将此类上的光标更改为其他http://www.w3schools.com/cssref/pr_class_cursor.asp

Answer 4

这不是来自一个班级。

img:hover{
cursor:pointer;
}

来源：captureOutput(_:didOutputSampleBuffer:fromConnection:) captureOutput(_:didOutputSampleBuffer:fromConnection:)

无关：您不应该将'alt'标记留空，它们对可访问性和SEO非常重要。

Answer 5

您可以使用CSS游标属性。

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

img:hover {
cursor: default;
}

如何删除将鼠标悬停在图片上方时显示的缩放图标？

5 个答案: