Как предотвратить выбор текста при двойном щелчке?

#btnLeft{
    width:40px;
    padding:2px 5px 2px 5px;
    background-color: #20a0a0;
    border: thin solid #099;
    border-radius:7px;
    text-align:center;
    font-family:"Futura Md BT";
    font-size:large;
    color:#FFF;
}

Это кнопка css.
Когда пользователь случайно делает двойной щелчок, а не один, текст внутри кнопки становится выбранным, т.е. Меняет цвет фона.
Как предотвратить этот выбор при двойном щелчке?

Ответ 1

попробуйте маленький jquery

 $(element).mousedown(function(){ return false; })

с помощью css try

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

Ответ 2

Если вы используете тег <button> или <a> и включаете атрибут href, тогда поведение должно быть смягчено. И его более семантический:)