如何防止双击选择文本？

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;

Answer 2

如果您使用<button>或<a>标记并包含href属性,则应该减轻行为.它更具语义性:)