Firefox разрешает брать элементы таблицы в фокус при зажатой клавише Ctrl. При этом элементы, которые находятся в фокусе, подсвечены синий рамкой. Подскажите, пожалуйста, как её убрать? Вариант с outline: none
не работает.
-
Сержо спасибо помогло, но не совсем так как хотелось. Если задать таблицу свойство -moz-user-select: none или -moz-none то работать будет, но в этом случае нельзя выделить текст, в идеале должно было подойти свойство text, но оно возврашает всё как и было... Хотя это наверное происходит не фокус, а просто выделение элемента таблицы так как событие onfocus он не вызывает...– Jeremen11 сен 2012 в 11:00
-
*::-moz-focus-inner { border: 0; } Ваше лекарство не помогло! Я не понимаю кто такие ответы плюсует...– Jeremen13 сен 2012 в 8:56
-
вот сами посмотрите jsfiddle.net/A4fkX– Jeremen13 сен 2012 в 10:24
-
2Возможный дубликат вопроса: Css.Как убрать пунктирную рамку вокруг button'а?– MobiDevices4 янв 2017 в 10:13
-
2@Vadizar очевидно, что этот вопрос задан раньше и что в ответах то же самое. Зачем вы отмечаете его дубликатом к новому вопросу?– Nick Volynkin ♦5 янв 2017 в 6:18
3 ответа
UPD: Это дейсвительно фича firefox. Так он показывает выделенные узлы (не текстовые). Если вы желаете оставить возможность выделение текстовых узлов, то без js тут не обойтись. Я обновил ваш фидл, добавил простой скрипт для firefox (не тестировал на старых версиях!). Надеюсь, суть ясна и у вас получится адаптировать скрипт под свою реализацию.
OLD: Лекарство такое:
*::-moz-focus-inner {
border: 0;
}
-
извиняюсь, буду добавлять комментарии не к своим постам. Решение не совсем то, но подходит, спасибо.– Jeremen14 сен 2012 в 12:31
Попробуйту -moz-user-select
.
Возможно это просто фича ФФ и она не убирается.
Данная проблема может возникнуть и на input'ах. При этом, блоки могут иметь еще и лишний отступ. Поэтому надежнее будет написать так:
// Remove border and padding in Firefox
::-moz-focus-outer, ::-moz-focus-inner {
border: 0;
padding: 0;
}