在Windows 10上使用Firefox 10边框的奇怪行为

Question

我正在尝试使用边框创建箭头，但win7上的FF10不想玩球。

它在我的边框周围添加了1px边框。

这是一个带有最小例子的JSFiddle： http://jsfiddle.net/5jjVb/1/

我设置的边框的颜色无关紧要，额外的边框始终是相同的颜色。

对于那些不在FF或窗口7上的人，这里有一个截图：

这是OS X上FF中的相同箭头：

我总是可以将箭头的颜色更改为与额外边框相同的颜色，但感觉不对。

Answer 1

这是一个错误。 https://bugzilla.mozilla.org/show_bug.cgi?id=646053

这是锻炼来解决这个问题。 http://jsfiddle.net/5jjVb/3/

Answer 2

试试这个：

div {
    border: 30px solid transparent;
    border-left-color: #EEE;
    -moz-border-left-colors: none;
}

Answer 3

提供rgba()代替transparent以获得透明度。有关详情，请查看我的答案

CSS Transparent Border Problem In Firefox 4?