Ошибка белого чистого CSS-треугольника в Windows Firefox 6

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

исправлено с

border-style: solid dashed solid solid;

протестировано на Firefox 19.0.2, Opera 12.04, хром 25.0.1359.0

Answer 3

Это происходит и на FF6 в Linux.Это будет артефакт от сглаживания диагональной линии.AFAIK, нет другого пути, кроме как использовать изображение.