Firefox中边框颜色显示不正确 [英] Border Color Displaying Incorrectly in Firefox

问题描述

我有一个问题，就是Firefox无法呈现正确的边框颜色，而像chrome这样的浏览器却可以成功.我希望绘制深紫色，但是我要渲染浅粉红色.这是准备绘制边框的代码:

I have an issue where Firefox is failing to render the correct color of a border, whereas a browser like chrome succeeds. I am hoping to draw a dark purple color, but instead I am rendering a light pink. Here is the code that prepared to draw the border:

<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如下:

The CSS for the comments-list class is as follows:

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

以下内容也隐约困扰着我:我可以使用#000000十六进制将边框颜色设置为纯黑色.但是，这在Firefox中也不会呈现为黑色！相反，它看起来像是泥泞的米色.对于解决此问题所能提供的任何帮助，我将不胜感激.

What is also vaguely disturbing is the following: I can set the border color to be pure black using the hex #000000. Yet this also does not render as a black color in Firefox! Instead it appears as a muddy beige. I would be grateful for any help I can get in resolving this issue.

推荐答案

使用"border-left-style:solid;"而不是"border-left-style:开始；"这样就可以了.

Use "border-left-style: solid;" instead of "border-left-style: outset;" this will work be fine..

这篇关于Firefox中边框颜色显示不正确的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！