Предотвращение выбора текста при быстрых нажатиях кнопок

Question

У меня есть слайд-шоу с divs для кнопок «Предыдущий» и «Следующий».

Внутри div есть символ «<» или «>».

Проблема в том, что при быстром нажатии кнопок для прокрутки изображений текст выбирается.

Я пробовал несколько трюков CSS, чтобы предотвратить выбор текста кнопок, но обычно это заканчивается тем, что выбирает текст дальше по странице. Это также не совместимо с браузером без JS-хаков.

Если у div нет символа, он отлично работает. Я попытался покрыть div персонажем прозрачным div, но кажется, что до тех пор, пока под ним будет символ, текст будет выбран.

Любые предложения по предотвращению этого? Я бы предпочел, чтобы решение не включало javascript.

Спасибо.

Answer 1

Вы можете использовать кнопку возможно:

<button>&gt;</button> 

Answer 2

Я считаю, что это можно сделать с помощью CSS, вы должны сделать это браузером конкретного так что-то, как это должно работать, если вы назначите слишком вашего < текста

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