firefox - FFバギーのインライン要素の概要は？

Question

Firefox のインライン要素にアウトラインが正しく配置されません。背景とアウトラインの間にスペースがあります。

それを避けるための提案はありますか？

strong
{
    background: #3690f0;
    color: white;
    outline: 1px solid black;
}

http://jsfiddle.net/Yz9cA/

Answer 1

Firefox にはアウトラインの描画にバグがあります (詳細はこちらを参照してください: https://bugzilla.mozilla.org/show_bug.cgi?id=480888 )。box-shadow を使用して回避できます。

strong
{
    background: #3690f0;
    color: white;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,1);
}