Firefox 6 Windows上的白色纯CSS三角形bug

Question

http://jsfiddle.net/pixelfreak/Eq246/

注意白色三角形上的灰色边框。这只发生在FF 6 Windows上（我没有在较旧的FF版本上测试）

有解决方法吗？它看起来像坏消息或其他东西。

Answer 1

试试这个：

border-style: outset;

http://jsfiddle.net/KDREU/

修改

如果你把它放在4种边框样式中的一种上，你可以使用白色以外的颜色，而不是让它们变亮。

/* This works for an orange down arrow that I'm using. */
border-style: solid outset solid solid;

http://jsfiddle.net/fEKrE/1/

Answer 2

它也发生在Linux上的FF6上。它将成为对角线抗锯齿的神器。 AFAIK，除了使用图像之外没有办法解决这个问题。

Answer 3

用

修复

border-style: solid dashed solid solid;

在firefox 19.0.2，opera 12.04，chromium 25.0.1359.0

上测试