Странная синяя рамка на Firefox

Question

Пожалуйста, взгляните на этот код

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

В Firefox отображается странная синяя рамка, когда вы выбираете несколько строк нажатием ctrl Кнопка, но на Chrome это не так.

Использование последней версии Firefox 10.0.2.

Это ошибка браузера?

Answer 1

Это связано с выделением текста - поведение собственного браузера.

Вы можете наблюдать ту же проблему в Chrome, используя клавишу SHIFT вместо 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

Попробуйте установить свойство CSS -moz-user-select для таблицы, чтобы отключить поведение выбора по умолчанию:

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

MDN

Answer 3

Это работает для текущей версии Firefox 20.0.1, если вы готовы добавить дополнительный элемент в ячейку, чтобы позволить тексту по-прежнему выбираться.

td { -moz-user-select: -moz-none }
td * { -moz-user-select: text }

http://jsfiddle.net/nukj7/