Чтобы удалить синий контур кнопки в CSS, вы можете использовать различные методы. Вот несколько часто используемых подходов:

1. Использование свойства outline: вы можете установить для свойства outlineкнопки значение none, чтобы убрать синий цвет. контур. Например:

   button:focus {
   outline: none;
   }

2. Изменение псевдокласса :focus. Вы можете переопределить стили фокуса по умолчанию для кнопок, определив свои собственные стили для псевдокласса :focus. Например:

   button:focus {
   outline: 2px solid transparent;
   /* Add any other custom styles here */
   }

   Этот метод позволяет настроить стиль фокуса, удалив синий контур по умолчанию.

3. Использование псевдокласса :focus-visible: Псевдокласс :focus-visibleнацелен на элементы, которые получают фокус и идентифицируются пользователем. Это помогает поддерживать стили фокуса для пользователей, которые перемещаются с помощью клавиатуры, скрывая при этом контур для пользователей мыши. Вот пример:

   button:focus:not(:focus-visible) {
   outline: none;
   }

   Этот метод удаляет синий контур только тогда, когда пользователь не взаимодействует с клавиатурой.