Bug 67053

Summary: rgba border color affects text color
Product: WebKit Reporter: Brian McAllister <brian>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Minor CC: jchaffraix, shanestephens
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: OS X 10.7   
URL: http://jsfiddle.net/mcallister/mqkcg/

Brian McAllister
Reported 2011-08-26 12:52:31 PDT
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/
Attachments
Brian McAllister
Comment 1 2011-08-27 13:26:42 PDT
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
Comment 2 2011-08-30 15:29:14 PDT
(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
Comment 3 2011-10-11 17:44:17 PDT
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.
Note You need to log in before you can comment on or make changes to this bug.