【问题标题】：White pure CSS triangle bug on Firefox 6 WindowsFirefox 6 Windows 上的白色纯 CSS 三角形错误
【发布时间】：2013-03-13 23:05:52
【问题描述】：

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

有解决办法吗？看起来像是抗锯齿效果不好之类的。

【问题讨论】：

【解决方案1】：

试试这个：

border-style: outset;

编辑

看起来，如果您从 4 种边框样式中的一种开始，您可以使用白色以外的颜色并且不会使它们变亮。

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

【讨论】：

【解决方案2】：

它也发生在 Linux 上的 FF6 上。这将是抗锯齿对角线的伪影。 AFAIK，除了使用图像之外别无他法。

【讨论】：

【解决方案3】：

固定为

border-style: solid dashed solid solid;

在 firefox 19.0.2、opera 12.04、chromium 25.0.1359.0 上测试

【讨论】：