Posso fazer com que o Firefox não exiba os contornos de foco pontilhado feio nos links com isso:
a:focus {
outline: none;
}
Mas como posso fazer isso também com <button>
tags? Quando eu faço isso:
button:focus {
outline: none;
}
os botões ainda têm o contorno pontilhado quando clico neles.
(e sim, sei que esse é um problema de usabilidade, mas gostaria de fornecer minhas próprias dicas de foco, que são apropriadas ao design, em vez de feios pontos cinza)