CSS outline属性在firefox中显示为两个单独的行

Question

我正在使用CSS outline属性来创建一条虚线。虽然该行在Chrome和Safari中正确呈现，但在Firefox中它显示为两个单独的行。如果我仔细调整窗口的大小，我可以将这两行完美对齐，使它们显示为单行，但我不应该这样做。

Chrome CSS大纲属性：

CSS

.dash-border{
        outline-style: dashed;
        outline-color: #fff;
        width: 100%;
        position:absolute;
        bottom: 80px;
 }

HTML

<div class="dash-border"></div>

Answer 1

尝试使用-moz，例如：

.dash-border
{
   outline-style: dashed;
   outline-color: #fff;
   -moz-outline-style:dashed;
   -moz-outline-color: #fff;
   width: 100%;
   position:absolute;
   bottom: 80px;
}