Html Firefox中边框颜色显示不正确

我有一个问题，Firefox无法呈现正确的边框颜色，而像chrome这样的浏览器却成功了。我希望画一个深紫色，但我却画了一个浅粉色。下面是准备绘制边界的代码：

<div class="comments-list " class="" ng-click="writeGrapeComment(grape, $index)" style="background: rgba(44,62,80,0.0);border-left-style: outset;border-color: #9B59B6;width:100%;border-width:20px;padding:0px 25px 5px 25px;">

同样令人不安的是：我可以使用十六进制000000将边框颜色设置为纯黑色。然而，在Firefox中，这也不会呈现为黑色！取而代之的是，它呈现出浑浊的米色。如果能在解决此问题时得到任何帮助，我将不胜感激。

有两种可能性：

• 您对父元素应用了

  -moz不透明度

• 您的Firefox颜色配置文件已被修改。请查看此链接，并将所有值设置为默认值。或者，您可能已经安装了一个插件，该插件修改了您的颜色配置文件，如下所示：

---

使用“左边框样式：实心”；而不是“左边框样式：开始”；这将很好。

如果上述解决方案都不适用于这种情况，我发现当所有其他方法都失败时，使用：

-moz边框顶部颜色：继承
-moz边框右颜色：继承
-moz边框底色：继承
-moz边框左侧颜色：继承

---

将起作用。

在我看来，如果我设置了moz不透明度属性，那么边框将在某种程度上显示为透明。然而，它不是透明的——它是完全不透明的。因此，我怀疑第一种可能性是问题的根源。我将探讨你的其他建议。你最欢迎的：）天哪，我甚至没有注意到开头的值：D

.comments-list{
background:rgba(44,62,80,0.5);
padding:25px;
}