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;

Answer 2

如果您使用<button>or<a>标记并包含href属性，则应减轻该行为。而且它更具语义性:)