Bug 67053
Summary: | rgba border color affects text color | ||
---|---|---|---|
Product: | WebKit | Reporter: | Brian McAllister <brian> |
Component: | CSS | Assignee: | 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
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 | ||
---|---|---|
Add attachment proposed patch, testcase, etc. |
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.