Firefox FF buggy中内联元素的概述?

Firefox FF buggy中内联元素的概述?,firefox,background,inline,outline,Firefox,Background,Inline,Outline,Firefox中内联元素上的大纲位置不正确。背景和轮廓之间有一个空格 有什么建议可以避免吗 strong { background: #3690f0; color: white; outline: 1px solid black; } Firefox在绘制大纲时有一个bug(请参阅此处的更多信息:)。您可以利用长方体阴影解决问题: strong { background: #3690f0; color: white; box-shadow: 0p

Firefox中内联元素上的大纲位置不正确。背景和轮廓之间有一个空格

有什么建议可以避免吗

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

Firefox在绘制大纲时有一个bug(请参阅此处的更多信息:)。您可以利用长方体阴影解决问题:

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

这是可行的,但在我的情况下是不可能的,因为边框会使元素变宽,我需要原始的像素位置。我已经更新了答案,将边框替换为框阴影属性。请让我们知道这是否适用于您:-)我来自未来,只是想告诉您,先生,您非常棒