[MacOS] [Firefox]: <button> не работает в псевдоклассе: focus

Как использовать псевдокласс : focus на <button> или <input> в Fire Fox ?! Работает со всеми браузерами, кроме Fire Fox и Сафари на MacOS

Примечание: работает с навигацией Клавиатура [вкладка], но без щелчка мышью.

button:focus {
  border: 2px solid red
}
<button tabindex = "1">click</button>

У меня хорошо работает в FF.

Gerard 24.10.2018 11:33

Да, извините, я не упомянул MacOS, так что работать с u на MacOS или Windows?

Zak 24.10.2018 11:35

Я в винде

Gerard 24.10.2018 11:36

Да, он работает на Windows, а не на MacOS :(

Zak 24.10.2018 11:38
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
4
67
1

Ответы 1

Попробуйте это для FF и Сафари

button::-moz-focus-inner { border : 2px solid red; }

Нет, это не так. Очень странно иметь такое на MacOS! Интересно, есть ли открытые выпуски / тикеты в FF!

Zak 24.10.2018 11:53

попробуйте -webkit-focus или -webkit-focus-inner и посмотрите, работает ли он в FF или Safari

Delowar Hossain 24.10.2018 11:56

Ничего, -webkit- это минимум для Safari, но и ничего.

Zak 24.10.2018 12:04

Другие вопросы по теме

Похожие вопросы

Я использовал видео youtbe через тег iframe, но проблема в том, что когда курсор мыши находится на странице iframe, он не прокручивается вверх и вниз
Перезапуск анимации css при перемещении анимации в другой div
Установить начальную точку для раскрывающегося списка начальной загрузки
Я создал таблицу с некоторыми записями, используя только JavaScript, я хочу установить свой массив с объектами в локальное хранилище
Имея два расположенных рядом DIV с одинаковой высотой, как мне сохранить выравнивание их содержимого, когда длина содержимого постоянно меняется?
Вертикальное позиционирование внутри контейнера минимальной высоты
CSS-анимация ключевых кадров при мерцании краев
Добавление кнопок анимации CSS в Excel с помощью VBA
CSS псевдоэлементы z-index внутри модального окна начальной загрузки
Как расположить элементы в списке в определенном порядке