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

我遇到了一个问题，即Firefox无法呈现正确的边框颜色，而Chrome浏览器成功。我希望画出一种深紫色，但我正在渲染一个淡粉色。下面是准备绘制边框的代码：边框颜色在Firefox中显示不正确

<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;">

的评论列表类的CSS如下：

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

什么也隐约不安的是以下几点：我可以设置边框颜色使用十六进制＃000000为纯黑色。然而，这也不会在Firefox中呈现为黑色！相反，它看起来像一个泥泞的米色。我会很感激任何帮助我解决这个问题。

来源

2014-01-08 user3064222

使用“左边框风格：固体;”而不是“边界式左边：开始”;这将工作是很好..

来源

2014-01-08 15:14:11

这非常有效！谢谢你的提示。 – user3064222

您最欢迎.. :) –

Jeez，甚至没有注意到一开始的价值：D – Akaryatrh

两种可能性：

你施加-moz-opacity的父元素
你的火狐浏览颜色配置文件已被修改。请参阅此链接http://cameratico.com/guides/firefox-color-management/，并将所有值设置为默认值。或者，你也许已经安装了一个插件，修改你的颜色配置文件，像这样的：https://addons.mozilla.org/fr/firefox/addon/color-management/

来源

2014-01-08 15:00:56 Akaryatrh

在我看来，如果我设置了moz-opacity属性，那么边框在某种程度上会显示为透明。但它不透明 - 完全不透明。因此，我怀疑第一种可能性是这个问题的根源。我会探讨你的其他建议。 – user3064222

如果以上解决方案的适用情况，我发现，当一切都失败了，使用：

-moz-边框顶部的颜色：继承;
-moz-border-right-colors：inherit;
-moz-border-bottom-colors：inherit;
-moz-border-left-colors：inherit;

将工作。

来源

2017-04-05 16:56:06 RoJenkz

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

回答

相关问题