html - ダブルクリックでテキストを選択しないようにするにはどうすればよいですか?

Question

#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ボタンです。
ユーザーが誤ってシングル クリックではなくダブル クリックすると、ボタン内のテキストが選択されます。つまり、背景色が変わります。
ダブルクリックでこの選択を防ぐ方法は?

Answer 1

小さなjqueryを試してください

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

CSSで試してみてください

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