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