javascript - 当光标在单个产品页面的主图像上时，如何禁用自动缩放？

Question

我对单个产品页面上的缩略图有疑问。当光标位于主图像上时，图像会放大。如何禁用它？

我尝试了下面的代码，但它不起作用。

.woocommerce div.product .images a.x-img:hover {
    border: 1px solid rgba(0,0,0,0.15);
}

Answer 1

试试这个:

.zoomContainer { display: none; }