Dotted outline when clicking a button

1

How do you remove a dotted outline that appears when someone clicks a <button>? I’ve tried the following, but it does not have the same effect as if it were applied to an <a>.


button {
   outline: none;
}
button img {
   outline: none;
}