ボタンクリックスタイルcssを無効にする方法[複製]

Question

クリックしたボタンのスタイルを無効にするにはどうすればよいですか{黒い境界線}

.cols-1 button {
    position: absolute;
    bottom: 50%;
    right: 50%;
    margin: 0px -160px -40px 0px;
    background-color: #aec7ca;
    color: #ebebeb;
    border: none;
    border-radius: 0.3rem;
    padding: 25px 85px;
    transition: all 0.3s ease 0s;
}

Answer 1

ボタンにフォーカスがあるときに（タブを使用するかクリックすることによって）ボタンが取得するスタイルを参照している場合は、次を使用して削除します。

outline: none;

ただし、これはアクセシビリティに悪いと考えられるため、アウトラインを維持し、より微妙なスタイルを与えることを検討してください。

.myButton:focus {
  outline: thin dotted;
  outline-color: #cccccc;
}