CSS三角尖不锋利

Question

我在不同的网站上使用CSS三角形大约一年了：

.triangle {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid red;
}

在Firefox（Mac OS X）中，三角形总是如下所示：

几天后，三角形在Firefox中显示如下：

我不知道究竟是什么时候发生这种情况，我想自从更新到Firefox 24或25。

我绝对更喜欢三角形之前的样子。现在，提示看起来很直率。

1. 如何才能在Firefox中再次使提示更清晰？
2. 其他浏览器怎么样？

卡尔

Answer 1

这就是浏览器呈现它的方式，因此除了使用图像之外，你真的无能为力。

Answer 2

它看起来像fine给我？你用的是什么操作系统？ （OSX 10.8.4）和Firefox 25.0。 Chrome中对我来说也很好看（最新版本）。 Why do you need to have code when adding link to fiddle .__.