Css Firefox 60.0.2未正确呈现列表中的列

编辑：链接到codepen上的复制

我有一个ul，我正在对其应用

列：3

。每个li都有一个输入/自定义标签。自定义标签具有以下相关css

input[type="checkbox"] + label:before {
  content: '';
  display: block !important; //ie fix
  width: 16px;
  height: 16px;
  border: 1px solid $dark-button;
  border-radius: 2px;
  position: absolute;
  background-color: $white;
  left: 0;
  top: 5px;
}

高度16px仍应用于元素，但在我检查元素时，实际渲染为18px以上。所有其他的都是16像素。这似乎只发生在最后一列的顶部

它并不总是像你在这张照片中看到的那样发生

---

但我注意到第二张图片中的最后一列有时确实是这样出现的。如果我进入检查器并单击高度以禁用它，然后重新启用它，它将完美呈现。已经尝试添加！重要（上帝保佑我们）的高度，并添加一个最小高度。想法？

这是一个真正的firefox错误，一年后已经解决

这是一个真正的firefox错误，一年后已经解决

你能提供一个吗？刚刚更新了一个代码笔链接@Ortomalalokni你的css无效。你能用你的密码笔验证并更新吗？@OrtomalaLokni我不相信这是真的。它是SCSS，而不是简单的CSS。我已经用普通css进行了更新，不过为了clarityCan的缘故，你提供了一个？刚刚用codepen链接@Ortomalaloknikin更新的css是无效的。你能用你的密码笔验证并更新吗？@OrtomalaLokni我不相信这是真的。它是SCSS，而不是简单的CSS。为了清晰起见，我已经用简单的css进行了更新