2015-05-26 13 views
6

Sul primo: muovere in Safari 8 caselle di controllo e pulsanti che sono controllati lampeggerà come se viene cliccato. Esempio di codice:Etichetta Safari 8 + casella di controllo sfarfallio hover, come prevenire?

<div> 
    <label><input type="checkbox" checked> Hover me in Safari 8</label> 
</div> 

<style> 
div { 
    background-color: #eee; 
    padding: 1em; 
} 
label { 
    line-height: 2em; 
    display: block; 
} 
label:hover { 
    background-color: #fff; 
} 
</style> 

ho anche creato un JSFiddle here, ma di tenere presente che questo succede solo sul primo evento hover e non su quelle successive. È necessario rieseguire il codice per attivarlo di nuovo.

Qualcuno sa dove questo comportamento deriva da e come prevenirlo? Né Chrome né Firefox presentano questo sfarfallio.

Aggiornamento

ho segnalato questo ad Apple a bugreporter.apple.com e hanno chiuso il mio problema (radar 21.101.864) con lo status duplicati di 17.781.269 (Open).

+0

@ketan questo è ciò che sembra, come per me: https://imgflip.com/gif/m04p4 –

+0

Quale versione di Safari che si sta utilizzando? – ketan

+0

Versione 8.0.6 (10600.6.3) –

risposta

1

Applicando -webkit-transform: translateZ(0); per l'elemento di input ha lavorato per me (anche se sporca, lo so).

Problemi correlati