Html 多边框颜色问题

我正在使用-moz边框顶部颜色来显示多个边框。 它对Mozilla很好，但是 它在其他浏览器中不起作用。

---

然而，我使用了-webkit，但它在Chrome中仍然不起作用。

根据这个属性，只有Firefox才支持它

仅firefox支持此功能。。。但您可以使用多个阴影作为更交叉的浏览器 解决方案

---

查看此链接了解更多信息

请显示您的实际代码。

.box {
  margin-top: 40px;
  height: 200px;
  width: 200px;
  background: #ddd;
  border-top: 3px solid blue;

  /* custom borders */
  box-shadow: 0 -3px 0 0 green,
              0 -6px 0 0 black,
              0 -9px 0 0 yellow,
              0 -12px 0 0 skyblue;
}