Zapobieganie zaznaczaniu tekstu przy szybkich kliknięciach przycisków

Question

Mam pokaz slajdów z elementami div dla przycisków "Poprzedni" i "Następny".

Wewnątrz elementu div znajduje się znak "<" lub ">".

Problem polega na tym, że po szybkim kliknięciu przycisków w celu przewinięcia zdjęć tekst zostaje wybrany.

Wypróbowałem kilka sztuczek CSS, aby uniemożliwić wybór tekstu przycisków, ale zwykle kończy się to na zaznaczeniu tekstu w dalszej części strony. Nie jest też kompatybilny z przeglądarkami bez haseł JS.

Jeśli element div nie ma w sobie znaku, działa idealnie. Próbowałem zakryć element div za pomocą przezroczystego div, ale wydaje się, że pod warunkiem, że pod nim jest znak, tekst zostanie wybrany.

Wszelkie sugestie, aby temu zapobiec? Wolałbym, żeby rozwiązanie nie zawierało javascript.

Dzięki.

Answer 1

Można użyć przycisku być może:

<button>&gt;</button> 

Answer 2

wierzę, można to zrobić z CSS trzeba zrobić to przeglądarka specyficzny więc coś jak to powinno działać, jeśli przypisać to zbyt tekst <

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