Как убрать синюю рамку с фокуса?

Question

Когда я нажимаю на контейнер компонента выбора дня или отдельную ячейку в календаре, добавляется синяя рамка.

Я не смог найти связанный CSS в style.css, и при этом я не вижу никакихклассы, добавляемые в DevTools, которые могут добавлять синюю рамку.

Как мне от этого избавиться?

Answer 1

решение Марка работает отлично;просто, если вы хотите удалить все контуры (синяя рамка) без добавления нескольких классов, попробуйте написать:

.DayPicker * {
  outline: none;
}

Answer 2

Синяя "граница" добавляется, когда элемент DayPicker-wrapper становится сфокусированным.На самом деле это свойство outline css, которое обычно добавляется к любому целевому элементу, если не указано иное.

Чтобы удалить контур из общего элемента DayPicker, добавьте следующее к классу .DayPicker-wrapper в вашемDayPicker компонент таблица стилей :

.DayPicker-wrapper {
  outline: none;
}

Вы также можете удалить его из отдельных дней, добавив {outline: none;} к классу .DayPicker-Day.