CSS Pseudoklasse Probleme mit Touchscreen

Ich habe eine sehr einfache CSS über button Element. Hier ist sie:CSS Pseudoklasse Probleme mit Touchscreen

.button { 
    background-color: #5266ed; 
    transition-duration: 0.1s; 
} 

.button:active { 
    background-color: #6fa0ed; 
}

Es funktioniert ganz gut, wenn ich meinen button mit der Maus, aber wenn ich Monitor-Touch verwenden (DELL P2314T), hat .button:active keine Anwendung. Wie kann ich es reparieren?

Quelle

2016-11-16 JustLogin

Sie können versuchen, einen Handler für alle Berührungsereignisse zu verwenden, um ihn auszulösen. Ich glaube, es funktioniert nicht wegen der Touch-Verzögerung auf Touch-Geräten.

Fügen Sie diese auf Ihren Körper:

<body ontouchstart=""> 

</body>

Quelle

2016-11-16 13:53:49

Aber ist es nicht möglich, es nur mit CSS zu tun? Klicken Sie außerdem sofort auf Auslöser. – JustLogin

Nicht, dass ich mir dessen bewusst bin. ': Hover' wird funktionieren, aber die Farbe nach dem Klicken nicht abwählen. –

Vielleicht ist die: Fokus-Funktion aus dem Weg ist. Ursache Hover funktioniert nicht im Fall von Touchscreen und

Quelle

2016-11-16 14:18:49 dutchsociety

': Fokus' verschwindet nicht, wenn Tippen oder Klicken beendet wird, bis Sie auf tippen oder klicken. – JustLogin

CSS Pseudoklasse Probleme mit Touchscreen

Antwort

Verwandte Themen