I stumbled uppon this bug in Safari 5.1 with a site I built for the Hot Club of San Francisco.

Hovering over linked text or selecting normal text caused its color to change to black in Safari 5.1. It also effected form inputs the same way. It didn’t effect Chrome 14 or any non-webkit browsers. The latest Webkit nightly also did not have the problem.

After about an hour of trouble shooting, I found the cause to be elements with a double border and a color set with an rgba value who’s alpha channel was set less than 1. In the video, you can see the changes I make to the CSS rule that effect the buggy behavior.

I haven’t tested this with other rgba values other than white. I also haven’t tested with other background, text or link colors.

I have not filed a bug as it appears to be corrected in the Webkit nightlies; however, I did feel it would be handy to document this somewheres.