Firefox 中的边框颜色显示不正确答案

【问题标题】：Border Color Displaying Incorrectly in FirefoxFirefox 中的边框颜色显示不正确
【发布时间】：2017-04-06 00:56:06
【问题描述】：

我遇到了一个问题，即 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;">

cmets-list 类的 CSS 如下：

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

还隐约令人不安的是：我可以使用十六进制 #000000 将边框颜色设置为纯黑色。然而，这也不会在 Firefox 中呈现为黑色！相反，它显示为泥泞的米色。如果我能在解决此问题方面获得任何帮助，我将不胜感激。

【问题讨论】：

标签： html css firefox border

【解决方案1】：

使用“border-left-style:solid;”而不是“左边框样式：开始；”这会很好..

【讨论】：

最欢迎您..:)
天哪，甚至没有注意到初始值：D

【解决方案2】：

两种可能：

您将-moz-opacity 应用于父元素
您的 Firefox 颜色配置文件已被修改。请查看此链接http://cameratico.com/guides/firefox-color-management/，并将所有值设置为默认值。或者，您可能已经安装了一个插件来修改您的颜色配置文件，例如：https://addons.mozilla.org/fr/firefox/addon/color-management/

【讨论】：

在我看来，如果我设置了 moz-opacity 属性，那么边框会在某种程度上显示为透明。然而，它不是透明的——它是完全不透明的。因此，我怀疑第一种可能性是问题的根本原因。我将探讨您的其他建议。

【解决方案3】：

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

-moz-border-top-colors：继承；
-moz-border-right-colors：继承；
-moz-border-bottom-colors：继承；
-moz-border-left-colors：继承；

会起作用的。

【讨论】：