Previene la selezione del testo per i clic rapidi dei pulsanti

Question

Ho una presentazione con i div per i pulsanti "Precedente" e "Avanti".

All'interno del div è un carattere "<" o ">".

Il problema è che quando i pulsanti vengono cliccati rapidamente per scorrere le immagini, il testo viene selezionato.

Ho provato alcuni trucchi CSS per impedire la selezione del testo dei pulsanti, ma di solito finisce per selezionare il testo più in basso nella pagina. Inoltre, non è compatibile con browser diversi senza JS.

Se il div non ha un carattere, funziona perfettamente. Ho provato a coprire il div con il personaggio con un div trasparente, ma sembra che finchè ci sia un personaggio sotto di esso, il testo verrà selezionato.

Qualche suggerimento per evitare questo? Preferirei che la soluzione non implicasse javascript.

Grazie.

Answer 1

Si potrebbe utilizzare un pulsante forse:

<button>&gt;</button> 

Answer 2

Credo che questo può essere fatto con i CSS si devono rendere browser specifico in modo da qualcosa come questo dovrebbe funzionare se si assegna anche che il testo <

-webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -o-user-select: none; 
    user-select: none;