Bug 67053 – rgba border color affects text color

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Brian McAllister]

When setting two different border colors using rgba, and while the text color of the element is set to #fff, the text color looks grey.

Try removing any one of the two borders, changing the rgba color to a regular hex color, or changing the text color. My fix for this in production was to set the text color to #fffffe.

http://jsfiddle.net/B44Bk/

[Brian McAllister]

Accidentally posted the fiddle with my not-cleaned-up code. I would take a look at this one with all of the irrelevant code removed: http://jsfiddle.net/mcallister/mqkcg/

[Julien Chaffraix]

(In reply to comment #1)
> Accidentally posted the fiddle with my not-cleaned-up code. I would take a look at this one with all of the irrelevant code removed: http://jsfiddle.net/mcallister/mqkcg/

Thanks for reporting the issue, I looked at your test case however there seem to be still a lot of styling. Usually we prefer self-explaining test cases (like this text should be of green or there should be no red).

If I have understood your test case correctly, I don't see the problem on ToT WebKit on Mac OS 10.6 or Chromium Linux (ie the "set name" is white as expected).

[Shane Stephens]

I can't see the issue in Chrome 14 on Mac either. There's definitely an issue on Safari 5 (although the workaround of setting the text color to #fffffe doesn't seem to work here), so I'd say that this was a bug which has been fixed in head.