我在 Firefox 中的输入有模糊边框

Question

我想让输入元素完全没有边框，我删除了边框，使其长度为0，删除了轮廓，但Firefox仍然显示每边2px的边框。为什么会发生这种情况？我使用 Firefox 开发版。

以下是描述情况的屏幕截图：

第一个屏幕截图显示了 Firefox 浏览器：

Firefox 中的检查器：

Chrome 中的相同元素：

这是应用于 .quest__form-default 的屏幕截图上的代码

.quest__form-default {
      display: block;
      position: absolute;
      top: 20px;
      width: 1px;
      height: 1px;
      clip: rect(0, 0, 0, 0);
      overflow: hidden;
      border: 0;
      outline: 0;
      border-width: 0px;
    }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

Answer 1

您可以尝试在复选框上使用这些

appearance

属性：

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

否则，最好的选择是将边框颜色与父元素的背景颜色相匹配（不是最好的方法）