Ich bin mobil und optimiere eine Seite und habe ein Flyout gemachtSpeisekarte. Ich habe das Ändern der Farbe der Menüschaltfläche deaktiviert: Hover. Ich habe dies getan, da das iPhone das zuletzt angeklickte betrachtet, um die Schwebepseudoklasse zu halten.
Allerdings teste ich jetzt auf Blackberry und sie haben einen Desktop-Stil-Cursor und würden so von dem Element profitieren, das beim Mouseover die Farbe ändert.
Ist es möglich, die Schwebefarbe für zu deaktivieren?iPhones aber nicht für blackberrys? Generell gibt es eine Möglichkeit, eine Schwebefarbe nur für Nicht-Touchscreen-Geräte wie Blackberry zu verwenden, da nur diese wirklich mit der Maus darüber fahren können. Vielen Dank
Antworten:
0 für die Antwort № 1Dies beantwortet den ersten Teil Ihrer Frage. Versuchen Sie es mit Modernizr und fügen Sie dann einen appleOS-Test hinzu.
Modernizr.addTest("ipad", function () {
return !!navigator.userAgent.match(/iPad/i);
});
Modernizr.addTest("iphone", function () {
return !!navigator.userAgent.match(/iPhone/i);
});
Modernizr.addTest("ipod", function () {
return !!navigator.userAgent.match(/iPod/i);
});
Modernizr.addTest("appleios", function () {
return (Modernizr.ipad || Modernizr.ipod || Modernizr.iphone);
});
Von dort aus können Sie dem Body eine Klasse hinzufügen, wenn es sich um iOS handelt, und die Hover-Klassen nur für Geräte ohne iOS anwenden.
Idealerweise können Sie einfach den "Notouch" -Körper verwendenKlasse, die Modernizr zu Browsern hinzufügt, die Touch nicht unterstützen, aber meiner Erfahrung nach wird diese Klasse nicht zu Blackberry-Browsern hinzugefügt, selbst wenn das Gerät Touch nicht unterstützt. Lass es mich wissen, wenn du etwas anderes findest!