css ": attiva" con il tasto destro del mouse, incongruenze con l'attuazione del browser

Question

Ho appena notato una contraddizione tra il modo in cui i browser gestiscono il CSS: stato attivo di un elemento quando si fa click destro (contextmenu click)

• firefox:: attivo non viene attivato
• Chrome:: attivo viene attivato momentaneamente, finché non si verifica mouseup
• Safari 5 & IE 10:: attivo viene attivato e rimane elemento: attiva fino alla contextmenu viene chiuso

Ecco una rapida jsfiddle di replicare questo Chiunque http://jsfiddle.net/annam/tqBqV/

div { background: red; } 
div:active { background: green; } 

sa che è il comportamento corretto? Immagino che non ci sia modo di standardizzare?

Answer 1

Selectors 3 dice :active vale quando un elemento viene attivato, e definisce un'ulteriore attivazione tramite un dispositivo di puntamento, come un mouse per essere quando viene premuto il pulsante principale:

• Il :active pseudo-classe si applica mentre un elemento viene attivato dall'utente. Ad esempio, tra le volte in cui l'utente preme il pulsante del mouse e lo rilascia. Sui sistemi con più di un pulsante del mouse, :active si applica solo al pulsante di attivazione primario o primario (in genere il pulsante del mouse "sinistro") e ai relativi alias.

Se un clic secondario attiva un elemento ai fini della :active in un particolare browser, allora questo browser è in violazione delle specifiche (a meno che il browser pretende solo di implementare CSS2.1, dove questa restrizione è non impostato in pietra, ma questo non è vero per nessuno dei browser forniti).