Question

我遇到的问题是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;">

comments-list类的CSS如下：

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

还有一点令人不安的是：我可以使用十六进制＃000000将边框颜色设置为纯黑色。然而，这也不会在Firefox中呈现为黑色！相反，它看起来像一个泥泞的米色。如果我能解决这个问题，我将不胜感激。

Answer 1

两种可能性：

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

Answer 2

使用＆＃34; border-left-style：solid;＆＃34;而不是＆＃34; border-left-style：outset;＆＃34;这将是正常的..

Answer 3

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

-moz-border-top-colors：inherit;
-moz-border-right-colors：inherit;
-moz-border-bottom-colors：inherit;
-moz-border-left-colors：inherit;

会奏效。

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

3 个答案: