Firefox上的奇怪蓝色边框

Question

请看一下这段代码

http://www.jsfiddle.net/tt13/5CxPr/21

在Firefox上,按下ctrl按钮选择多行时显示奇怪的蓝色边框,但在Chrome上则不显示.

使用最新的Firefox 10.0.2.

那个与浏览器有关的bug吗？

Answer 1

这是由于选择了文本 - 本机浏览器行为.

您也可以使用SHIFT密钥而不是Chrome来观察Chrome中的相同问题CTRL.

要解决此问题,您可以在用户单击要选择的单元格后立即清除选择:

$(".subject").live('click',function(event) {
    if(event.ctrlKey) {
          $(this).toggleClass('selected');  
    } else {
          $(".subject").removeClass("selected");
          $(this).addClass("selected");           
    }
    if (document.selection)
        document.selection.empty();
    else if (window.getSelection)
        window.getSelection().removeAllRanges();
});

更新了小提琴.

Answer 2

尝试将CS​​S属性设置-moz-user-select为表以禁用默认选择行为:

table { -moz-user-select: none; }

MDN