Impedir selección de texto en clics rápidos de botón

Question

Tengo una presentación de diapositivas con divs para los botones "Anterior" y "Siguiente".

Dentro del div hay un carácter "<" o ">".

El problema es que cuando se hace clic rápidamente en los botones para desplazarse por las imágenes, se selecciona el texto.

Probé algunos trucos de CSS para evitar la selección del texto de los botones, pero generalmente acaba seleccionando el texto más abajo en la página. Tampoco es compatible con navegadores cruzados sin hacks JS.

Si el div no tiene un carácter, funciona perfectamente. Traté de cubrir el div con el personaje con un div transparente, pero parece que mientras haya un personaje debajo, se seleccionará el texto.

¿Alguna sugerencia para evitar esto? Prefiero que la solución no implique javascript.

Gracias.

Answer 1

Se puede usar un botón quizá:

<button>&gt;</button> 

Answer 2

Creo que esto se puede hacer con CSS que tienen que hacerlo navegador específico así que algo como esto debería funcionar si asigna también el texto <

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