[解決済み] FirefoxのBUTTONやリンクに表示される点線枠を消すには？

質問

において、Firefox が醜い点線のフォーカスアウトラインを表示しないようにすることは可能ですか？ リンク をこうしてください。

a:focus { 
    outline: none; 
}

しかし、これをどうすれば <button> タグも同様に？こうすると

button:focus { 
    outline: none; 
}

をクリックすると、ボタンに点線のフォーカスアウトラインが表示されたままです。

(これはユーザビリティの問題ですが、醜いグレーの点の代わりに、デザインに適した独自のフォーカスヒントを提供したいのです。）

解決方法は？

button::-moz-focus-inner {
  border: 0;
}