html - スパンは、mozilla のボタン内で垂直方向の中央に留まらない

Question

内部に aspanがあるa を中央に配置しようとしていますdisplay:block;button

Chrome と IE9 では動作しますが、Firefox では動作しません

リンクは次のとおりです。 http://jsbin.com/adefom/5/edit

このスパンをFirefoxで（垂直方向に）中央に配置する方法を知っている人はいますか？

Answer 1

ハードコーディングされた高さと幅を削除して.btn、padding.

<button class='btn'>
  <div class='icon'></div>
</button>

ボタン
{
  マージン: 0px;
  パディング: 0px;
}

/* Firefox ボタンのパディングの修正 */
ボタン::-moz-focus-inner
{
  ボーダー: 0;
  パディング: 0;
}

。アイコン
{
  背景色: 黒;
  幅: 17px;
  高さ: 17px;
}

.btn
{
  パディング: 4px;
}

Firefox のボタン パディングの修正はこちらから。それを見つけてくれた@Rajeshに感謝します。

デモ<-- クリック!