Как изменить анимацию нажатой кнопки в css? - PullRequest
0 голосов
/ 25 апреля 2020

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

Однако, когда кнопка в стиле, как показано ниже щелчок, вокруг него появляется синяя подсветка, которая не исчезает go до тех пор, пока не будет нажата какая-либо другая информация на экране.

Мне бы хотелось, чтобы на моей кнопке не было этой странной синей подсветки. Как бы это исправить и при этом сохранить стиль кнопки?

Любые решения, которые я нашел до сих пор, включают javascript, но я ищу здесь чистое решение css.

<html>
<head>
<style>

  button {
      border: solid #316A8F;
      border-radius: 12px;
      background-color: #F9F9F9;
      color: #003C63;
  }

</style>
</head>
<body>

<button>click me.</button>

</body>
</html>

1 Ответ

1 голос
/ 25 апреля 2020

Это называется focus попробуйте это:

button:focus {
    outline: none;
}

button {
      border: solid #316A8F;
      border-radius: 12px;
      background-color: #F9F9F9;
      color: #003C63;
  }
  
  button:focus {
    outline: none;
  }
<button>click me.</button>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...