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

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

Вот пример:

button {
  outline: none;
}

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

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

button:focus {
  outline: none;
}

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