多边框颜色问题

Question

我使用-moz-border-top-colors用于多个边框。 它适用于Mozilla，但是 它在其他浏览器中不起作用。 但是，我使用了-webkit，但它在Chrome中无效。

Answer 1

此功能仅由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;
}

查看此链接以获取更多信息http://jsfiddle.net/8htrkqzb/

Answer 2

根据https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-border-top-colors，此属性仅在Firefox中受支持。