firefox - FF buggy 中的内联元素大纲？

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);
}