Как убрать выделение кнопки CSS

Чтобы убрать выделение кнопки (или другого элемента) при нажатии на неё, нужно использовать CSS свойство «outline» и задать ему значение «none».

Вот пример:

button {
  outline: none;
}

Этот код удаляет выделение кнопки при нажатии на неё, тем самым убирая с неё эффект нажатия.

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

button:focus {
  outline: none;
}

Этот код удаляет выделение кнопки только при том условии, что она получила фокус – то есть стала активной. При этом выделение вокруг кнопки будет отображаться при наведении на неё, как обычно.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как убрать выделение кнопки CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали