hover für iPad deaktivieren

[burn4ever]

Hi, ich habe einen Bild-Slider welcher in der Desktopversion einen Rahmen beim :hover erzeugt.
Auf dem iPad führt der hover allerdings ab und an zur Verwirrung, z.B. wenn ich den Slider mittels touchwipe bediene, flackert der hover kurz auf.

Kann ich den hover für mobile devices irgendwie unterbinden?

 

[mobby]

Du könntest mit @media arbeiten, wird in diesem Thread angesprochen.

Sent from China with GT-I9505 using Tapatalk 2

 

[jakestyler]

Here you go:

/* iPad (1-4) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .rahmen:hover {border:none;}}

/* iPad Mini */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)and (-webkit-min-device-pixel-ratio: 1) {.rahmen:hover {border:none;}}

Du solltest das ganze auch für das iPhone anpassen, da dort der gleiche Effekt erzeugt wird:

/* iPhone 5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .rahmen:hover {border:none;}}

/* iPhone 2G-4S */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .rahmen:hover {border:none;}}

Alle anderen mobile Geräte (Nicht alle Tablets eingeschlossen):

/* Other */@media screen and (max-width: 480px) {.rahmen:hover {border:none;}}