用CSS怎么避免这个？

Question

我有一张桌子，在第一张td我有一个glyphicon：

<td><span class="glyphicon glyphicon-chevron-right"></span></td>

我在其上添加了一个onclick事件，它将切换该类，但是当我这样做时：

正如你所看到的，我可能会意外地选择＆＃34;额外的区域。这看起来很糟糕。

有什么建议吗？

Answer 1

只需禁用用户选择。

.glyphicon{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

Answer 2

将此添加到您的元素中，如this answer：

中所示

.ClassName,
.ClassName:focus {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-style:none;/*IE*/
}