邊框顏色在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中顯示不正確

回答

相關問題