在Firefox的输入[type = color]中删除颜色周围的边框？

Question

我想在Firefox中删除输入颜色[type = color]周围的边框。我找到了Chrome here的解决方案（在CSS中使用:: - webkit-color-swatch），我也需要它用于Firefox和Microsoft Edge。谢谢！

例如，在这张图片中，我想删除粉红色周围的黑色边框，而不是输入的蓝色边框（此蓝色边框是Bootstrap的表单控件类，我不会问它）

Answer 1

与::-webkit-color-swatch类似。

::-moz-color-swatch {
    border-color: red;
}

Answer 2

最好让所有人都这样做，试试这个：

input[type="text"]{
    border: none;
    border-color: transparent;
}

或

如果焦点位于input字段，请使用此选项：

input[type="text"]:focus{
    outline: none;
}

发布您的代码，如果这不是您正在寻找的东西！

<强>更新

将您的代码放在::-moz-color-swatch{ }

中

Answer 3

您可以将border-color: transparent添加到输入框。