Jak usunąć ikonę powiększenia wyświetlaną po najechaniu kursorem na zdjęcie?

Question

Pracuję na stronie, która używa this bootstrap theme. Gdy mysz unosi się nad dowolnym obrazem, pojawia się ikona powiększenia - w jaki sposób mogę ją usunąć?

Próbowałem usunąć class="zoomIcon" i spojrzał na tej stronie, jak również wyszukiwanie w 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

Możesz zmienić to zachowanie kursora, modyfikując CSS, który go wykonuje (wygląda jak plik CSS o nazwie style.css) lub pisząc własną regułę, aby go zatrzymać.

Zasadą jest na .product-main-image w linii 432 pliku style.css i go zastąpić, musisz reguły tak:

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

Answer 2

Możesz dodać to do Twojego CSS:

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

Mam nadzieję, że ci pomogła!

Answer 3

To nie jest z klasy.

img:hover{ 
cursor:pointer; 
} 

Źródło: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor1

Unrelated: Nie należy pozostawiać tagi 'Alt' pusty, są one ważne dla dostępności i SEO.

Answer 4

Możesz użyć właściwości kursora CSS.

Następnie można po prostu przypisać go do domyślnych przy aktywowaniu

img:hover { 
cursor: default; 
} 

Answer 5

klasy produkt-main-image ma ikonę powiększenia:

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

http://screencast.com/t/NcdCxnrrW4

prostu usunąć tę klasę z span lub zmień kursor na tej klasie na coś innego http://www.w3schools.com/cssref/pr_class_cursor.asp